Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Android memungkinkan Anda memanfaatkan kecanggihan web dalam aplikasi Anda. Jadi, Anda dapat
memanfaatkan fleksibilitas dan efisiensi karena dapat menampilkan jenis konten tertentu.
Hal ini memungkinkan Anda mengintegrasikan konten web yang ada dengan lancar ke dalam aplikasi Android, seperti untuk menampilkan feed berita, menunjukkan tutorial interaktif, menampilkan iklan, atau bahkan menghosting game mini tanpa membuat 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
dengan tingkat fleksibilitas yang tinggi dalam menyesuaikan atau memperbarui UI.
Custom Tabs: 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.
Gambar 1. `WebView` (kiri) dan `Tab Kustom` (kanan) yang ditandai.
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 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:
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.
Gambar 2. Konten web yang disematkan dalam aplikasi dengan
`WebView`sebagai konten utama (kiri) dan konten pendukung (kanan).
2. Penjelajahan dalam aplikasi menggunakan Custom Tabs, 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 di layar terpisah menggunakan meluncurkan pengalaman multi-window yang berdekatan. Hal ini memungkinkan pengguna melakukan banyak tugas 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 penjelajahan 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 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 membuka 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 di situs pihak ketiga.
Gambar
4. Kolom login dalam aplikasi (kiri) dan login pihak ketiga yang dibuka di
`Tab Kustom` (kanan).
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-09-03 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-09-03 UTC."],[],[],null,["Android lets you build on the power of the web within your apps. So, you can\nbenefit from the flexibility and efficiency of being able to display certain\ntypes of content.\n\nThis lets you seamlessly integrate existing web content into your Android\napp, such as to display a news feed, show interactive tutorials,\ndisplay ads, or even host a mini-game without building everything from scratch.\nThink of it as a window to the internet, from within your app. There are two\nways to embed web content into your app:\n\n- [`WebView`](/reference/android/webkit/WebView): It displays web content you control inline where you want a high degree of flexibility in customizing or updating the UI.\n- [`Custom Tabs`](/develop/ui/views/layout/webapps/overview-of-android-custom-tabs): A full in-app browsing experience powered by the user's default browser ([see browser support](https://developer.chrome.com/docs/android/custom-tabs/browser-support)) for when users click a link and you want to keep them in the app, instead of leaving to an external browser, with much of the browsing experience out-of-the-box.\n\n**Figure 1.** \\`WebView\\` (left) and \\`Custom Tab\\` (right) outlined.\n\nWhy embed web content?\n\nThere are several benefits to embedding web content in your app:\n\n- **Efficiency**: Reuse existing code from your website. Build on existing web technologies and content.\n- **Integration**: Use external content from third-party providers, such as media and ads, within your app.\n- **Flexibility**: Update content dynamically without being constrained to predefined UIs, or without releasing app updates.\n\nWhen to use web content?\n\nThere are three primary uses cases for using the Web in your Android app:\n\n**1. [Embedding web content into your app as primary or supporting content](/develop/ui/views/layout/webapps/embed-web-content-in-app):\nUse `WebView`**\n\n- Display your own web content inline as a primary experience where you want a high degree of flexibility in customizing or updating the UI.\n- Display other content such as ads, legal terms and regulations, or other third-party content inline, or as a window within your app experience.\n\n**Figure 2.** Web content embedded within the app with \\`WebView\\`s as primary (left) and supporting content (right).\n\n**2. [In-app browsing](/develop/ui/views/layout/webapps/in-app-browsing-embedded-web) using `Custom Tabs`, or `WebView` for more advanced\nuse cases**\n\n- Have a full in-app browsing experience for when users click a link and you want to keep them in the app, instead of leaving to an external browser.\n - Note: For large screen devices such as tablets and foldables, there are additional options to help apps take advantage of additional space:\n - Apps can open weblinks in split screen using [launch an adjacent\n multi-window experience](/develop/ui/compose/layouts/adaptive/support-multi-window-mode#launch_adjacent). This enables users to multitask between your app and a browser at the same time. OR\n - `Custom Tabs` have a side panel option that can open in the same task, but next to your existing app content.\n- The `Custom Tab` is powered by the user's default browser, for browsers which support `Custom Tabs`.\n - While it's possible to use a `WebView` and provide a highly customizable in-app browsing experience, we recommend `Custom Tabs` for an out-of-the-box browser experience and seamless transition for when a user wants to open a web link in the browser.\n\n**Figure 3.** Clicking on an in-app link (left) and opening an in-app browser (right).\n\n**3. Login or Authentication flows within your app**\n\nAndroid's suggested approach is to build your login or authentication flows\nusing [Credential Manager](/identity/sign-in/credential-manager). If you find\nyou still need to use Embedded Web for these experiences, use the following\nguidance:\n\n- Some apps use `WebView`s to provide sign-in flows for their users, including using a username and passkey (or password) specific to your app. This enables developers to unify the authentication flows across platforms.\n- When linking out to a third-party identity provider or login experience, such as \"Sign in with...\", `Custom Tabs` are the way to go. Launching a `Custom Tab` helps protect the user's credential by keeping it isolated to the third-party site.\n\nFor more information about using `WebView`s for authentication,\nsee [Authenticate users with WebView](/identity/sign-in/credential-manager-webview).\nFor launching a `Custom Tab`, see [Overview of Android Custom Tabs](/develop/ui/views/layout/webapps/overview-of-android-custom-tabs).\n**Figure\n4.** An in-app login field (left) and a third-party login opened in a \\`Custom Tab\\` (right)."]]
