Menyematkan konten web ke dalam aplikasi sebagai konten utama atau pendukung

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

Menyematkan konten menggunakan WebView

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

Aplikasi Android terbuka ke Google Play, dengan tampilan web utama yang disorot 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 konten pendukung (kanan).

Yang dapat dilakukan WebView

Anda dapat melakukan hal berikut dengan WebView di aplikasi Anda:

  • Sematkan 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, sehingga menampilkan halaman web yang dihasilkan dalam area yang ditentukan di UI aplikasi.

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

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

    • Kode JavaScript ke 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 menyuntikkan kode JavaScript ke WebView, memanipulasi konten halaman web, atau merespons peristiwa yang dipicu oleh halaman web.

Perbedaan WebView dengan browser

WebView adalah komponen yang sangat kustom yang menyediakan fungsi inti jendela ke web. Tidak seperti browser, yang menyediakan kolom navigasi dan elemen antarmuka pengguna lainnya untuk menjelajahi web secara lebih luas, keseluruhan pengalaman WebView 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 beranda, kolom alamat, atau menu setelan.

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

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

Memulai

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

Referensi lainnya

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