Apa yang diperlukan agar dapat diinstal?

Pete LePage

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.

Screenshot omnibox dengan indikator instal terlihat.
Promosi penginstalan yang disediakan browser (desktop)
Screenshot promosi penginstalan browser yang disediakan.
Promosi penginstalan yang disediakan browser (seluler)

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 atau name
    • icons - harus menyertakan ikon 192 piksel dan 512 piksel
    • start_url
    • display - harus salah satu dari fullscreen, standalone, atau minimal-ui
    • prefer_related_applications tidak boleh ada, atau false

Browser lain memiliki kriteria penginstalan yang serupa, meskipun mungkin ada sedikit perbedaan. Periksa situs masing-masing untuk detail lengkapnya: