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 WebView. WebView 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

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"
/>

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

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

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