Menggunakan konten web dalam aplikasi Android

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

Dengan begitu, Anda dapat mengintegrasikan konten web yang ada ke dalam aplikasi Android dengan lancar, seperti untuk menampilkan feed berita, menampilkan tutorial interaktif, menampilkan iklan, atau bahkan menghosting game mini tanpa membuat semuanya dari awal. Anggap saja sebagai 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 saat Anda menginginkan fleksibilitas tinggi dalam menyesuaikan atau memperbarui UI.
• Custom Tabs: Pengalaman browser dalam aplikasi lengkap yang didukung oleh browser default pengguna (lihat dukungan browser) saat pengguna mengklik link dan Anda ingin mempertahankan mereka di aplikasi, bukan beralih ke browser eksternal, dengan sebagian besar pengalaman penjelajahan yang siap pakai.

Gambar 1. `WebView` (kiri) dan `Tab Khusus` (kanan) yang diuraikan.

Mengapa menyematkan konten web?

Ada beberapa manfaat menyematkan konten web di aplikasi Anda:

• Efisiensi: Gunakan kembali kode yang ada dari situs Anda. Membangun teknologi dan konten web yang ada.
• Integrasi: Menggunakan konten eksternal dari penyedia pihak ketiga, seperti media dan iklan, dalam aplikasi Anda.
• Fleksibilitas: Perbarui konten secara dinamis tanpa dibatasi oleh UI yang telah ditentukan, 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 Anda sebagai konten utama atau pendukung: Gunakan WebView

• Menampilkan konten web Anda sendiri secara inline sebagai pengalaman utama jika Anda menginginkan tingkat fleksibilitas yang tinggi dalam menyesuaikan atau mengupdate UI.
• Menampilkan konten lain seperti iklan, persyaratan dan peraturan hukum, atau konten pihak ketiga lainnya secara inline, atau sebagai jendela dalam pengalaman aplikasi Anda.

Gambar 2. Konten web yang disematkan dalam aplikasi dengan `WebView`sebagai konten utama (kiri) dan pendukung (kanan).

2. Penjelajahan dalam aplikasi menggunakan Custom Tabs, atau WebView untuk kasus penggunaan yang lebih lanjut

• Memiliki pengalaman penjelajahan browser dalam aplikasi yang lengkap saat pengguna mengklik link dan Anda ingin mempertahankan mereka di aplikasi, bukan beralih 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 di layar terpisah menggunakan peluncuran pengalaman multi-aplikasi yang berdekatan. Hal ini memungkinkan pengguna melakukan multitasking antara aplikasi Anda dan browser secara bersamaan. ATAU
  • Custom Tabs memiliki opsi panel samping yang dapat dibuka dalam tugas yang sama, tetapi di samping konten aplikasi yang ada.
• Custom Tab didukung oleh browser default pengguna, untuk browser yang mendukung Custom Tabs.
  • Meskipun Anda dapat menggunakan WebView dan memberikan pengalaman browser dalam aplikasi yang sangat dapat disesuaikan, sebaiknya gunakan Custom Tabs untuk pengalaman browser siap pakai dan transisi yang lancar saat pengguna ingin membuka link web di browser.

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 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 berbagai platform.
• Saat menautkan ke penyedia identitas atau pengalaman login pihak ketiga, seperti "Login dengan…", Custom Tabs adalah cara yang tepat. Meluncurkan Custom Tab membantu melindungi kredensial pengguna dengan menjaganya tetap terisolasi ke situs pihak ketiga.

Untuk mengetahui informasi selengkapnya tentang penggunaan WebView untuk autentikasi, lihat Mengautentikasi pengguna dengan WebView. Untuk meluncurkan Custom Tab, lihat Ringkasan Tab Khusus Android.

Gambar 4. Kolom login dalam aplikasi (kiri) dan login pihak ketiga yang dibuka di `Tab Kustom` (kanan).