Progressive Web App (PWA) adalah aplikasi modern berkualitas tinggi yang dibuat menggunakan teknologi web. PWA menawarkan kemampuan yang serupa dengan aplikasi iOS/Android/desktop. PWA ini dapat diandalkan bahkan dalam kondisi jaringan yang tidak stabil, dan dapat diinstal sehingga memudahkan pengguna untuk menemukan dan menggunakannya.
Sebagian besar pengguna sudah memahami cara menginstal aplikasi dan manfaat dari pengalaman yang diinstal. Aplikasi terinstal akan muncul di platform peluncuran sistem operasi, seperti folder Applications di Mac OS X, menu Start di Windows, dan layar utama di Android dan iOS. Aplikasi terinstal juga muncul di pengalih aktivitas, mesin telusur perangkat seperti Spotlight, dan di sheet berbagi konten.
Sebagian besar browser akan menunjukkan kepada pengguna bahwa Progressive Web App (PWA) Anda dapat diinstal jika memenuhi kriteria tertentu. Contoh indikator menyertakan tombol Instal di kolom URL, atau item menu Instal di menu tambahan.
Selain itu, jika kriteria terpenuhi, banyak browser akan mengaktifkan peristiwa beforeinstallprompt
, sehingga Anda dapat memberikan UX dalam aplikasi kustom yang akan memicu alur penginstalan dalam aplikasi Anda.
Kriteria penginstalan
Di Chrome, Progressive Web App harus memenuhi kriteria berikut sebelum mengaktifkan peristiwa beforeinstallprompt
dan menampilkan promosi penginstalan dalam browser:
- Aplikasi web belum diinstal
- Memenuhi heuristik engagement pengguna:
- Pengguna harus mengklik atau mengetuk halaman setidaknya sekali (kapan saja, bahkan selama pemuatan halaman sebelumnya)
- Pengguna harus melihat halaman setidaknya selama 30 detik (kapan saja)
- Ditayangkan melalui HTTPS
- Mencakup manifes aplikasi web yang mencakup:
short_name
atauname
icons
- harus menyertakan ikon 192 piksel dan 512 pikselstart_url
display
- harus salah satu darifullscreen
,standalone
, atauminimal-ui
prefer_related_applications
tidak boleh ada, ataufalse
Browser lain memiliki kriteria penginstalan yang serupa, meskipun mungkin ada sedikit perbedaan. Periksa situs masing-masing untuk detail lengkapnya: