Apa yang diperlukan agar dapat diinstal?

Pete LePage

Progressive Web Apps (PWA) adalah aplikasi modern berkualitas tinggi yang dibuat menggunakan teknologi web. PWA menawarkan kemampuan yang serupa dengan aplikasi iOS/Android/desktop, andal 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 terinstal 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 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 luapan.

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

Selain itu, jika kriteria terpenuhi, banyak browser akan memicu peristiwa beforeinstallprompt, yang memungkinkan Anda memberikan UX dalam aplikasi kustom yang akan memicu alur penginstalan dalam aplikasi Anda.

Kriteria penginstalan

Di Chrome, Progressive Web App Anda harus memenuhi kriteria berikut sebelum mengaktifkan peristiwa beforeinstallprompt dan menampilkan promosi penginstalan di 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 atau name
    • icons - harus menyertakan ikon 192 px dan 512 px
    • start_url
    • display - harus berupa salah satu dari fullscreen, standalone, minimal-ui, atau window-controls-overlay
    • prefer_related_applications tidak boleh ada, atau false

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