Okedroid.com | Belajar Coding Android Java Online Gratis

Belajar Cara Membuat Aplikasi WebView di Android Studio

Bagi kalian yang ingin menampilkan Web Aplikasi ( atau hanya halaman web) dari bagian Aplikasi Android, Kalian bisa menggunakan WebViewWebView merupakan sebuah class pada Aplikasi Android ,yang berfungsi untuk menampilkan suatu konten  halaman Web , dan menjadi bagian dari Activity di Aplikasi Android kalian. WebView tidak mempunyai fitur layaknya sebuah browser, seperti navigasi dan url address bar. WebView hanya menunjukan konten halaman web saja.


 Android Studio,Loading
Android Studio
                    Pastikan kalian sudah Membaca Cara Membuat Aplikasi HelloWorld di Android Studio untuk dasarnya ,karna tutorial disini kita akan langsung mulai pemrograman Aplikasi di dalam Android Studio .
Nah di tutorial kalian saya akan membagikan Cara Membuat WebView menggunakan Android Studio yang terbaru. 

Menambahkan WebView ke Aplikasi

Pertama untuk menambahkan WebView  ke dalam Aplikasi. Kalian harus menambahkan element WebView di activity layout

Setting terlebih dahulu permission internet di file AndroidManifest.xml

 <uses-permission android:name="android.permission.INTERNET" />

WebView Permission Internet manifest xml

'
lalu tambahkan baris berikut ke dalam activity layout

<?xml version="1.0" encoding="utf-8"?>
<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
/>
WebView xml


untuk meload halaman web dengan webview gunakan loadUrl()  di activity java 

WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("http://www.okedroid.com");

WebView java


Nah jika dijalankan maka Aplikasi akan membuka Browser tertentu ,dan membuka Situs yang telah kita set di loadUrl. Agar dapat dijalankan ke dalam Aplikasi kita sepenuhnya tanpa membuka Browser kita harus mengaktifkan fungsi Javascript.

(ingat!!) Jika kalian compile ke real device (perangkat Android kalian) akan membuka pilihan  browser. 
              Jika kalian compile ke emulator (ex:genymotion) akan menampilkan notifikasi javascript disable



Menggunakan Javascript di dalam WebView

Jika didalam Aplikasi ,kalian ingin menampilkan konten halaman web,kalian harus mengaktifkan fungsi Javascript. Setelah kalian mengaktifkan Javascript kalian dapat membuat user interface antara code di Aplikasi kalian dengan code Javascript.

Javascript secara default akan nonaktif di WebView ,untuk itu kita akan mengaktifkannya dengan menggunakan WebSettings lalu sematkan dibawah fungsi  WebView

WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);

WebView Javascript




Hasilnya akan seperti gambar dibawah :

WebView Hasil






5 Komentar untuk "Belajar Cara Membuat Aplikasi WebView di Android Studio"

Bro saya sudah terapkan semuanya dan saya memakai bluestack saya sudah sematkan kode WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true); di bawah fungsi webview namun di bluestack saya masih ke redircet ke brwosher ya bisa di bantu bro pencerahanya

pake genymotion aj bro bluestack berat ane dh test pake genymotion bisanya .

Mas Fathur Kalau kita generet ke File APK dan upload ke Google playstore kira kira.. masih riderect ke Brwosher gak ya kalau kita sudah sematkan kode WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);

akan lebih baik coba dulu gan pake genymotion ama perangkat android punya agan.. atau punya temen agan...

Ok mas fathur terima kasih ya mas..

Silakan berkomentar sesuai dengan Postingan/Artikel yang di bahas.
Jangan SPAM di komentar ini

Back To Top -->