Cara Membuat Aplikasi Android WebView Menggunakan Android Studio

Muhammad Sholihin 2 years ago

Ngulik Kode - Hallo kali ini saya ingin membagikan cara membuat project WebView dengan
menggunakan Android Studio, WebView adalah sebuah class pada android yang menampilkan dan
menjalankan aplikasi mobile yang berbasis web. Sederhananya, WebView itu seperti android
browser, tetapi tidak mempunyai address bar untuk memasukkan URL, karena URL sudah kita
didefinisikan dalam aplikasi android tersebut.

Membuat WebView Dengan Android Studio

1. Pertama harus membuat project baru android studio anda. lakukan seperti biasa.

2. Kemudian konfigurasi penamaan aplikasi dan package.

3. Pada bagian penentuan build target, SDK minimum yang anda inginkan.

4. Pada saat pemilihan Add an activity to mobile,pilih blank activity.

5. Pada choose optional for your new file, klik Finish.

Jika anda masih kesulitan untuk membuat project baru yang sudah saya tunjukan di atas, akan saya
berikan petunjuk yang lebih lengkap membuat project baru android studio dibawah ini.

Membuat Project Baru dan Menjalankan Project di Android Studio

6. Jika Android Studionya sudah kebuka seperti gambar dibawah, lalu pilih mode design, pilih
WebView pada Palette.
Klik dan tarik dari ujung kiri atas ke ujung kanan bawah hingga satu layar penuh.

7. Untuk membuat aplikasi android kita dapat mengakses internet dengan menambahkan
permission internet sebagai berikut.

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

Pasang kode diatas kedalam file AndroidManifest.xml

8. Lalu buka file MainActivity.java, letakan kode berikut tepat dibawah kode

setContentView(R.layout.activity_main);

String url = "http://ngulikode.blogspot.com/"; //Pendefinisian URL WebView view = (WebView)

this.findViewById(R.id.webView); //sinkronisasi object berdasarkan id
view.getSettings().setJavaScriptEnabled(true); //untuk mengaktifkan javascript view.loadUrl(url);
//agar URL terload saat dibuka aplikasi

Jangan lupa mengimport class webview agar webview terdefinisikan.

9. Aplikasi WebView kita sudah siap, sekarang tinggal mencoba menjalankan aplikasi yang sudah
kita buat, klik RUN 'app'

10. Saya menjalankan project langsung menggunakan HP Android saya tanpa menggunakan
emulator. Baca Artikel : Menjalankan Project Android Studio Langsung Dari Ponsel Android Tanpa
Emulator
Jika aplikasi berhasil dan tidak ada error akan tampak seperti gambar dibawah ini.

Informasi Tambahan

Untuk membuat aplikasi webview fullscreen , hapus kode berikut dari activity_main.xml

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"

android:paddingBottom="@dimen/activity_vertical_margin"

Untuk membuat aplikasi webview tidak redirect ke web browser saat di klik link , kita perlu
menambah class WebViewClient dan override method tersebut. Letak kode berikut di
MainActivity.java

import android.webkit.WebView; //import WebView classimport android.webkit.WebViewClient;

//import WebViewClient class

public class MainActivity extends ActionBarActivity {

@Override protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

WebView view = (WebView) this.findViewById(R.id.webView);

view.getSettings().setJavaScriptEnabled(true);

view.setWebViewClient(new MyBrowser());

view.loadUrl("http://ngulikode.blogspot.com");

private class MyBrowser extends WebViewClient {

@Override public boolean shouldOverrideUrlLoading(WebView view, String url ){

view.loadUrl(url);

return true;

Sekian Tutorial dari saya jika masih ada yang kurang jelas bisa anda komentar di kolam komentar
dibawah ini. Terimakasih