Gratis HTML ke Anda punya situs web dan ingin situs itu ada di ponsel orang sebagai aplikasi. Cari tahu caranya dan Anda akan terus bertemu tiga istilah: PWA, TWA, dan WebView. Kedengarannya mirip, semuanya menampilkan halaman web, dan sering dijelaskan dengan buruk.
Sebenarnya ketiganya cukup berbeda, dan memilih yang tepat menghemat banyak pekerjaan ulang. Berikut penjelasan masing-masing, apa yang bisa dan tidak bisa dilakukan, dan kapan cocok dipakai.
Pilihan 1: Progressive Web App (PWA)
PWA adalah situs web yang berperilaku lebih mirip aplikasi. PWA punya web app manifest (file JSON kecil berisi nama, ikon, dan warna) dan biasanya service worker, yaitu skrip yang bisa menyimpan file di cache agar situs tetap dimuat tanpa koneksi. Saat seseorang mengunjungi PWA di browser yang mendukung, mereka bisa memasangnya ke layar utama. Setelah itu PWA terbuka di jendelanya sendiri tanpa bilah alamat.
Kelebihannya: tidak ada aplikasi terpisah yang perlu dibuat. Anda memperbarui situs web dan setiap pengguna langsung mendapat versi baru. Dengan service worker, Anda bisa membuatnya berfungsi offline.
Keterbatasannya: orang harus menemukan situs Anda dulu lalu mengetuk pasang, dan banyak yang tidak pernah melakukannya. PWA biasa bukan file yang bisa Anda unggah ke Google Play, dan bukan APK yang bisa Anda berikan kepada seseorang. Akses ke fitur ponsel bergantung pada apa yang disediakan browser melalui API web.
Cocok untuk: situs yang sudah sering dikunjungi orang, di mana memasang aplikasi adalah bonus, bukan tujuan utama.
Pilihan 2: Trusted Web Activity (TWA)
Trusted Web Activity adalah aplikasi Android kecil yang membuka PWA Anda dalam layar penuh memakai browser pengguna, seperti Chrome. Ini dibangun di atas protokol Custom Tabs, sehingga halaman dirender oleh browser itu sendiri, bukan oleh aplikasi.
Ada dua persyaratan. Pertama, situs dan aplikasi Anda harus terbukti milik pemilik yang sama. Ini dilakukan dengan Digital Asset Links: Anda menaruh file di /.well-known/assetlinks.json pada domain Anda yang mencantumkan nama paket aplikasi dan sidik jari sertifikat penandatanganannya. Kedua, dokumentasi Google menyebutkan situs Anda harus memenuhi kriteria untuk ditambahkan ke layar utama, yang dalam praktiknya berarti PWA yang layak dengan manifest. Alat Google untuk membuat TWA adalah Bubblewrap, alat command line untuk Node.js.
Jika verifikasi gagal, atau browser tidak mendukung TWA, menurut Google tampilannya beralih ke Custom Tab dengan bilah alat browser sederhana, bukan layar penuh. Inilah kejutan yang paling sering dialami orang.
Kelebihannya: Anda mendapatkan aplikasi Android sungguhan yang bisa masuk ke Google Play, dan kontennya adalah PWA live Anda, jadi pembaruan web langsung muncul.
Keterbatasannya: Anda memerlukan PWA yang berfungsi dan kendali atas domain untuk menyimpan file asset links. Sidik jari di file itu harus cocok dengan kunci yang menandatangani aplikasi yang benar-benar dipasang pengguna, dan dengan Play App Signing salinan dari Google Play ditandatangani dengan kunci penandatanganan aplikasi milik Google, jadi Google menyarankan mencantumkan sidik jari kunci itu dan kunci unggah Anda. Fitur ponsel tetap hanya yang disediakan browser melalui API web. Dan aplikasi bergantung pada browser pendukung yang terpasang.
Cocok untuk: tim yang sudah punya PWA yang solid di domain sendiri dan ingin memasukkannya ke Play Store dengan kode tambahan seminimal mungkin.
Pilihan 3: aplikasi WebView
Aplikasi WebView adalah aplikasi Android native yang menampilkan konten web di dalam jendelanya sendiri memakai komponen WebView Android. WebView adalah mesin browser tanpa browser di sekelilingnya: tanpa bilah alamat, tanpa tab, hanya halaman Anda. Dokumentasi Google menyebutnya pilihan untuk menampilkan konten web Anda sendiri saat Anda menginginkan fleksibilitas di antarmuka.
Perbedaan besar dari TWA adalah kendali. Aplikasi menentukan apa yang terjadi saat tombol kembali ditekan, seperti apa splash screen-nya, apakah ada menu native, apa yang ditampilkan saat jaringan mati, dan tautan mana yang terbuka di dalam aplikasi. Android juga memungkinkan aplikasi WebView menghubungkan JavaScript ke kode native dengan addJavascriptInterface, sehingga halaman Anda bisa memanggil fitur ponsel sungguhan yang tidak tersedia di web. Dokumentasi Google menambahkan peringatan penting: hanya buka bridge itu untuk HTML dan JavaScript yang Anda tulis sendiri.
Kelebihannya: bisa dipakai dengan situs web apa pun atau folder berisi file HTML, tanpa perlu PWA, manifest, atau file asset links. Halaman bisa disertakan di dalam aplikasi agar langsung terbuka saat offline. Fitur native tersedia melalui bridge.
Keterbatasannya: aplikasi punya penyimpanannya sendiri, jadi login pengguna di situs web Anda di Chrome tidak terbawa. Jika Anda membungkus situs live, Anda bertanggung jawab memperbarui aplikasi saat ada bagian native yang perlu diubah.
Cocok untuk: aplikasi HTML, game, alat bantu, situs usaha kecil, aplikasi internal perusahaan, dan apa pun yang terbantu oleh fitur native tambahan.
Perbandingan berdampingan
Fitur ponsel
- PWA: API web apa pun yang didukung browser.
- TWA: sama, karena browser yang merender halaman.
- Aplikasi WebView: API web plus apa pun yang disediakan aplikasi melalui JavaScript bridge.
Offline
- PWA dan TWA: offline berfungsi jika service worker Anda menyimpan di cache apa yang diperlukan.
- Aplikasi WebView: halaman yang disertakan dalam aplikasi berfungsi offline tanpa service worker; aplikasi situs web bisa menampilkan layar offline sendiri.
Google Play
- PWA: tidak bisa dengan sendirinya. Anda perlu mengemasnya, biasanya sebagai TWA.
- TWA dan aplikasi WebView: keduanya aplikasi Android biasa dan bisa diterbitkan sebagai AAB.
Satu aturan Play berlaku sama untuk TWA dan aplikasi WebView. Kebijakan spam Google Play tidak mengizinkan aplikasi yang tujuan utamanya menampilkan webview dari situs web tanpa izin pemilik situs. Bungkus situs Anda sendiri, atau situs yang sudah memberi Anda izin. Play juga tidak mengizinkan aplikasi dengan fungsi yang sangat terbatas, jadi beri orang alasan untuk memasang aplikasi, bukan sekadar bookmark.
Mana yang sebaiknya Anda pilih?
- Anda hanya ingin tombol pasang di situs Anda: PWA.
- Anda punya PWA yang matang di domain sendiri dan ingin memasukkannya ke Play dengan konten web langsung: TWA.
- Anda menginginkan fitur native, HTML offline, menu, dan kendali penuh, atau Anda tidak punya PWA: aplikasi WebView.
Cara Free HTML to APK melakukannya
Free HTML to APK membuat aplikasi WebView. Anda bisa mulai dari URL situs web, file HTML, ZIP, atau folder, dan mendapatkan APK yang sudah ditandatangani plus AAB untuk Google Play. Pembuat di situs web freehtmltoapk.com gratis, tanpa akun, dan tanpa watermark, dan aplikasi Android "HTML to APK: Website to App" melakukan hal yang sama di ponsel Anda.
Halaman Anda bisa memakai JavaScript bridge FreeApp bawaan untuk fitur ponsel seperti getar, notifikasi, kamera, pemindaian QR dan barcode, lokasi, dan berbagi file. Pemanggilannya sesederhana ini:
<button onclick="FreeApp.vibrate(30)">Tap</button>
Aplikasi HTML yang disertakan dalam aplikasi berfungsi sepenuhnya offline, dan aplikasi situs web menampilkan halaman offline yang ramah lalu tersambung kembali saat koneksi pulih. Karena ini aplikasi WebView, tidak ada file Digital Asset Links yang perlu disiapkan. Jika Anda sudah punya PWA, service worker-nya tetap berfungsi saat aplikasi memuatnya lewat URL.
Baca selengkapnya di PWA ke APK atau situs web ke aplikasi, lalu pilih cara yang cocok untuk proyek Anda.