Menyematkan konten web ke dalam aplikasi sebagai konten utama atau pendukung

Android memungkinkan Anda memanfaatkan kecanggihan web dalam aplikasi. Jadi, Anda dapat memanfaatkan fleksibilitas dan efisiensi dalam menampilkan jenis konten tertentu.

Menyematkan konten menggunakan WebView

WebView API memberi Anda akses ke kemampuan browser mini untuk menampilkan konten web dalam aplikasi Anda. Dengan begitu, Anda dapat memberikan pengalaman berbasis web sebagai bagian inti atau pendukung dalam aplikasi, seperti yang terlihat pada Gambar 1.

Aplikasi Android yang terbuka ke Google Play, dengan tampilan web utama ditandai dalam kotak merah Aplikasi Android terbuka dengan teks pendukung di dalam kotak merah.
Gambar 1. Konten web yang disematkan dalam aplikasi dengan objek `WebView` sebagai konten utama (kiri) dan pendukung (kanan).

Yang dapat dilakukan WebView

Anda dapat melakukan hal berikut dengan WebView di aplikasi Anda:

  • Penyematan web: WebView diintegrasikan ke dalam antarmuka pengguna aplikasi sebagai komponen, seperti tombol atau kolom teks.

  • Memuat konten: WebView dapat memuat konten web dari berbagai sumber:

    • URL jarak jauh: Dapat mengambil dan menampilkan halaman web dari internet, seperti browser biasa.
    • File lokal: Dapat memuat file HTML, CSS, dan JavaScript yang disimpan dalam resource aplikasi.
    • Konten yang dibuat secara dinamis: Aplikasi dapat membuat konten HTML secara dinamis dan menyediakannya ke WebView.

  • Render: WebView menggunakan mesin browsernya untuk mengurai dan merender HTML, CSS, dan JavaScript, menampilkan halaman web yang dihasilkan dalam area yang ditentukan di UI aplikasi.

  • Menjalankan JavaScript: WebView dapat menjalankan kode JavaScript dalam konteks halaman web yang dimuat. Hal ini memungkinkan interaksi dan update dinamis dalam WebView.

  • Berinteraksi dengan aplikasi Anda: Di sinilah WebView menjadi lebih canggih. Hal ini memungkinkan komunikasi dua arah antara halaman web dan aplikasi.

    • JavaScript ke kode aplikasi: Kode JavaScript yang berjalan di WebView dapat memanggil API host aplikasi, sehingga memungkinkan akses ke fitur perangkat seperti kamera, GPS, atau sensor.

    • Kode aplikasi ke JavaScript: Aplikasi juga dapat memasukkan kode JavaScript ke dalam WebView, memanipulasi konten halaman web, atau merespons peristiwa yang dipicu oleh halaman web.

Perbedaan WebView dengan browser

WebView adalah komponen yang sangat dapat disesuaikan yang menyediakan fungsi inti jendela ke web. Tidak seperti browser, yang menyediakan menu navigasi dan elemen antarmuka pengguna lainnya untuk menjelajahi web secara lebih luas, pengalaman WebView secara keseluruhan dibentuk oleh desain dan tujuan aplikasi Anda.

Untuk lebih memahami perbedaan WebView dengan browser standar, lihat penjelasan berikut:

UI: WebView digunakan untuk menampilkan konten web dan tidak memiliki header atau UI sendiri seperti kebanyakan browser umum lainnya, misalnya, tombol layar utama, kolom URL, atau menu setelan.

Fitur: Banyak browser memiliki fitur bawaan untuk meningkatkan pengalaman penjelajahan, seperti bookmark, izin, atau histori.

Update: Karena Android WebView adalah layanan sistem di Android, update akan otomatis dikirim dan diintegrasikan ke dalam aplikasi setiap bulan. Browser mengandalkan update aplikasi yang sesuai, lalu pengguna akhir menerapkan update di perangkat mereka.

Mulai

Untuk mengetahui informasi tentang cara menggunakan WebView di aplikasi Anda, lihat dokumen Membangun aplikasi web di WebView.

Referensi lainnya

Untuk mengembangkan halaman web untuk perangkat Android menggunakan objek WebView atau Tab Kustom, lihat dokumen berikut: