Menyematkan konten web ke dalam aplikasi sebagai konten utama atau pendukung

Android memungkinkan Anda memanfaatkan kemampuan web dalam aplikasi. Jadi, Anda dapat memperoleh manfaat dari 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. Hal ini memungkinkan Anda memberikan pengalaman berbasis web sebagai bagian inti atau pendukung dalam aplikasi, seperti yang terlihat pada Gambar 1.

Layar pembuka aplikasi Android ke Google Play, dengan tampilan web utama yang disorot dalam kotak merah Layar pembuka aplikasi Android 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).

Kemampuan WebView

Anda dapat melakukan hal berikut dengan WebView di aplikasi Anda:

  • Menyematkan 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: URL ini dapat mengambil dan menampilkan halaman web dari internet, seperti browser biasa.
    • File lokal: URL ini 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.

  • Merender: WebView menggunakan mesin browsernya untuk mengurai dan merender HTML, CSS, dan JavaScript, yang 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. Fitur 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 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 dan menyediakan fungsi inti jendela ke web. Tidak seperti browser, yang menyediakan panel navigasi dan elemen antarmuka pengguna lainnya untuk menjelajahi web secara lebih luas, pengalaman keseluruhan 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 browser umum lainnya, misalnya, tombol Beranda, kolom URL, atau menu setelan.

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

Update: Karena Android WebView adalah layanan sistem di Android, update akan dikirim dan diintegrasikan ke dalam aplikasi secara otomatis 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 Membuat aplikasi web di WebView.

Referensi lainnya

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