Progressive Web Apps (PWA) adalah aplikasi modern berkualitas tinggi yang dibuat menggunakan teknologi web. PWA menawarkan kemampuan yang serupa dengan aplikasi iOS/Android/desktop, aplikasi ini dapat diandalkan bahkan dalam kondisi jaringan yang tidak stabil, dan dapat diinstal sehingga memudahkan pengguna menemukan dan menggunakannya.
Sebagian besar pengguna sudah terbiasa menginstal aplikasi, dan manfaat pengalaman yang diinstal. Aplikasi yang diinstal muncul di platform peluncuran sistem operasi, seperti folder Aplikasi di Mac OS X, menu Mulai di Windows, dan layar utama di Android dan iOS. Aplikasi yang diinstal juga muncul di pengalih aktivitas, mesin telusur perangkat seperti Spotlight, dan di sheet berbagi konten.
Sebagian besar browser menunjukkan kepada pengguna bahwa Progressive Web App (PWA) Anda dapat diinstal jika memenuhi kriteria tertentu. Contoh indikator mencakup tombol Instal di kolom URL, atau item menu Instal di menu tambah.


Selain itu, jika kriteria terpenuhi, banyak browser akan memicu
peristiwa beforeinstallprompt
, sehingga Anda dapat memberikan UX dalam aplikasi kustom yang
akan memicu alur penginstalan dalam aplikasi Anda.
Menginstal kriteria
Di Chrome, Progressive Web App Anda harus memenuhi kriteria berikut sebelum
memicu peristiwa beforeinstallprompt
dan menampilkan promosi
penginstalan dalam browser:
- Aplikasi web belum diinstal
- Memenuhi heuristik interaksi pengguna:
- Pengguna harus mengklik atau mengetuk halaman setidaknya sekali (kapan saja, bahkan selama pemuatan halaman sebelumnya)
- Pengguna harus menghabiskan waktu minimal 30 detik untuk melihat halaman (kapan saja)
- Ditayangkan melalui HTTPS
- Menyertakan manifes aplikasi web yang mencakup:
short_name
atauname
icons
- harus menyertakan ikon 192 piksel dan 512 pikselstart_url
display
- harus berupa salah satu darifullscreen
,standalone
,minimal-ui
, atauwindow-controls-overlay
prefer_related_applications
tidak boleh ada, ataufalse
Browser lain memiliki kriteria penginstalan yang serupa, meskipun mungkin ada perbedaan kecil. Periksa situs masing-masing untuk mengetahui detail lengkapnya: