Menggunakan konten web dalam aplikasi Android

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

Dengan demikian, Anda dapat mengintegrasikan konten web yang ada ke dalam aplikasi Android natif dengan lancar, seperti untuk menampilkan feed berita, menunjukkan tutorial interaktif, menampilkan iklan, atau bahkan menghosting game mini tanpa membangun semuanya dari awal. Anggap saja seperti jendela ke internet, dari dalam aplikasi Anda. Ada dua cara untuk menyematkan konten web ke dalam aplikasi Anda:

  • WebView: Menampilkan konten web yang Anda kontrol secara inline di tempat yang Anda inginkan untuk mendapatkan fleksibilitas tinggi dalam menyesuaikan atau memperbarui UI.
  • Tab Kustom: Pengalaman penjelajahan dalam aplikasi penuh yang didukung oleh browser default pengguna (lihat dukungan browser) saat pengguna mengklik link dan Anda ingin mereka tetap berada di aplikasi, bukan keluar ke browser eksternal, dengan sebagian besar pengalaman penjelajahan langsung tersedia.
Aplikasi Android terbuka ke Google Play, dengan tampilan web utama yang ditandai dalam kotak merah. Tab kustom terbuka ke halaman web Android For Developers, yang ditandai dalam kotak merah.
Gambar 1. WebView (kiri) dan Tab Kustom (kanan) yang ditandai dengan warna merah.

Mengapa menyematkan konten web?

  • Efisiensi: Gunakan kembali kode yang ada dari situs Anda. Membangun teknologi dan konten web yang ada.
  • Integrasi: Manfaatkan konten eksternal dari penyedia pihak ketiga, seperti Media, Iklan, dalam aplikasi Anda.
  • Fleksibilitas: Perbarui konten secara dinamis tanpa terikat pada UI yang telah ditentukan sebelumnya, atau tanpa merilis update aplikasi.

Kapan harus menggunakan konten web?

Ada tiga kasus penggunaan utama untuk menggunakan Web di aplikasi Android Anda:

1. Menyematkan konten web ke dalam aplikasi sebagai konten utama atau pendukung: Gunakan WebView

  • Tampilkan konten web Anda sendiri secara inline sebagai pengalaman utama jika Anda menginginkan fleksibilitas tinggi dalam menyesuaikan atau memperbarui UI.
  • Menampilkan konten lain seperti iklan, persyaratan dan peraturan hukum, atau konten pihak ketiga lainnya secara inline, atau sebagai jendela dalam pengalaman aplikasi Anda.
Aplikasi Android terbuka ke Google Play, dengan tampilan web utama yang ditandai dalam kotak merah Aplikasi Android terbuka dengan teks pendukung di dalam kotak merah.
Gambar 2. Konten web yang disematkan dalam aplikasi dengan WebView sebagai konten utama (kiri) dan konten pendukung (kanan).

2. Penjelajahan dalam aplikasi menggunakan Tab Khusus, atau WebView untuk kasus penggunaan yang lebih canggih

  • Memiliki pengalaman penjelajahan dalam aplikasi penuh saat pengguna mengklik link dan Anda ingin mereka tetap berada di aplikasi, bukan keluar ke browser eksternal.
    • Catatan: Untuk perangkat layar besar seperti tablet dan perangkat foldable, ada opsi tambahan untuk membantu aplikasi memanfaatkan ruang tambahan:
    • Aplikasi dapat membuka link web dalam layar terpisah menggunakan meluncurkan pengalaman multi-aplikasi yang berdekatan. Hal ini memungkinkan pengguna melakukan multitasking antara aplikasi dan browser secara bersamaan. ATAU
    • Tab Kustom memiliki opsi panel samping yang dapat dibuka dalam tugas yang sama, tetapi di samping konten aplikasi yang ada.
  • Tab Khusus didukung oleh browser default pengguna, untuk browser yang mendukung Tab Khusus.
    • Meskipun WebView dapat digunakan untuk memberikan pengalaman penjelajahan dalam aplikasi yang sangat dapat disesuaikan, sebaiknya gunakan Tab kustom untuk pengalaman browser siap pakai dan transisi yang lancar saat pengguna ingin membuka link web di browser.
Halaman web dengan link dalam aplikasi dalam kotak merah di sebelah kiri, dan browser dalam aplikasi ditampilkan di sebelah kanan.
Gambar 3. Mengklik link dalam aplikasi (kiri) dan membuka browser dalam aplikasi (kanan).

3. Alur Login atau Autentikasi dalam aplikasi Anda

Pendekatan yang disarankan Android adalah membangun alur login atau autentikasi Anda menggunakan Credential Manager. Jika Anda merasa masih perlu menggunakan Web Tersemat untuk pengalaman ini, gunakan panduan berikut:

  • Beberapa aplikasi menggunakan WebView untuk menyediakan alur login bagi penggunanya, termasuk menggunakan nama pengguna dan kunci sandi (atau sandi) khusus untuk aplikasi Anda. Hal ini memungkinkan developer menyatukan alur autentikasi di seluruh platform.
  • Saat menautkan ke penyedia identitas atau pengalaman login pihak ketiga, seperti "Login dengan…", Tab Kustom adalah pilihan yang tepat. Meluncurkan Tab Kustom memastikan kredensial pengguna tetap terlindungi dan terisolasi ke situs pihak ketiga.

Untuk mengetahui informasi selengkapnya tentang cara memanfaatkan WebView untuk autentikasi, lihat Mengautentikasi pengguna dengan WebView. Untuk meluncurkan Tab Kustom, lihat Ringkasan Tab Kustom Android.

Kolom login dalam aplikasi dengan WebView di sebelah kiri. Login pihak ketiga dengan Tab Kustom di sebelah kanan.
Gambar 4. Kolom login dalam aplikasi (kiri) dan login pihak ketiga yang dibuka di Tab Kustom (kanan).