Apa yang diperlukan agar dapat diinstal?

Pete LePage

Progressive Web App (PWA) adalah aplikasi modern berkualitas tinggi yang dibuat dengan teknologi web. PWA menawarkan kemampuan yang serupa dengan aplikasi seluler dan desktop, PWA dapat diandalkan bahkan dalam kondisi jaringan yang tidak stabil, dan dapat diinstal sehingga memudahkan pengguna untuk menemukan dan menggunakannya.

Sebagian besar pengguna sudah terbiasa menginstal aplikasi, dan manfaat dari pengalaman yang diinstal. Aplikasi yang diinstal muncul di platform peluncuran sistem operasi, seperti folder Aplikasi di macOS 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 lembar 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 overflow.

Promosi penginstalan yang disediakan browser (desktop)
Promosi penginstalan yang disediakan browser (seluler)

Selain itu, saat 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 Anda harus memenuhi kriteria berikut sebelum memicu peristiwa beforeinstallprompt dan menampilkan promosi penginstalan dalam browser:

  • Aplikasi web belum diinstal.
  • Memenuhi heuristik engagement pengguna:
    • Pengguna harus mengklik atau mengetuk halaman setidaknya satu kali, kapan saja, bahkan selama pemuatan halaman sebelumnya.
    • Pengguna harus menghabiskan waktu setidaknya 30 detik untuk melihat halaman, 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, minimal-ui, atau window-controls-overlay
    • prefer_related_applications tidak boleh ada, atau harus false

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