Skip to main content

PWA (Progressive Web App) dan panduan cara Instalasinya di iOS dan Android.

Apa itu Aplikasi PWA?

PWA (Progressive Web App) adalah aplikasi web yang dirancang agar terasa dan berfungsi seperti aplikasi seluler asli. PWA dapat diakses melalui browser web, tetapi juga dapat diinstal ke layar utama perangkat Anda untuk akses cepat.

Cara Menginstal PWA di iOS (iPhone/iPad)

Karena perubahan terbaru pada regulasi di Eropa, Apple telah melakukan beberapa perubahan pada dukungan PWA. Berikut langkah-langkah secara umum:

  1. Buka Safari: Pastikan Anda menggunakan browser Safari di perangkat iOS Anda.
  2. Kunjungi Situs PWA: Buka situs web PWA yang ingin Anda instal.
  3. Ketuk Ikon Bagikan: Ikon ini biasanya terletak di bagian bawah layar Safari, berbentuk persegi dengan panah mengarah ke atas.
  4. Pilih "Tambah ke Layar Utama": Gulir opsi di lembar bagikan hingga Anda menemukan "Tambah ke Layar Utama". Ketuk opsi tersebut.
  5. Konfirmasi dan Tambahkan: Anda akan melihat pratinjau ikon dan nama PWA. Ketuk "Tambah" di sudut kanan atas.

Cara Menginstal PWA di Android

  1. Buka Chrome (atau Browser Lain yang Mendukung): Pastikan Anda menggunakan browser yang mendukung PWA, seperti Google Chrome.
  2. Kunjungi Situs PWA: Buka situs web PWA yang ingin Anda instal.
  3. Cari Tombol "Instal": Beberapa PWA akan menampilkan spanduk atau ikon "Instal" di bagian atas atau bawah layar. Anda juga mungkin melihat ikon "Instal" di bilah alamat browser.
  4. Ketuk "Instal": Ketuk tombol "Instal" dan ikuti petunjuk di layar.
  5. Konfirmasi Pemasangan: Konfirmasikan pemasangan PWA ke layar utama Anda.

Hal yang Perlu Diperhatikan:

  • Keterbatasan iOS: PWA di iOS mungkin memiliki beberapa keterbatasan dibandingkan aplikasi asli, seperti batasan pada proses latar belakang dan notifikasi push.
  • Manifest Aplikasi Web: Agar situs web menjadi PWA, situs tersebut memerlukan manifest aplikasi web. Ini adalah file yang menyediakan informasi tentang bagaimana PWA harus ditampilkan dan berperilaku.
  • Perbedaan Browser: Pengalaman PWA dapat sedikit berbeda tergantung pada browser yang Anda gunakan.

Semoga panduan ini bermanfaat!