Web Push Notification dan App Badge di iOS 16.4+: Titik Balik PWA di Ekosistem Apple

Perubahan Besar yang Terlambat, tapi Penting

Selama bertahun-tahun, iOS menjadi penghalang terbesar bagi adopsi Progressive Web App (PWA). Satu alasan utamanya sederhana namun krusial:
tidak ada Web Push Notification.

Akibatnya:

• Developer terpaksa membuat aplikasi native hanya demi push notification

• React Native / Flutter menjadi “jalan wajib”

• PWA dianggap solusi kelas dua di iOS

Namun semua itu berubah sejak iOS 16.4.

Apple secara resmi menghadirkan:

• Web Push Notification

• App Icon Badge untuk PWA

• Berbasis APNs (Apple Push Notification service)

Ini bukan sekadar fitur tambahan, tetapi perubahan fundamental dalam strategi pengembangan aplikasi di iOS.

---

Apa Itu Web Push Notification di iOS?

Web Push Notification adalah notifikasi yang:

• Dikirim dari server

• Menggunakan standar Web (Service Worker + Push API)

• Tidak membutuhkan App Store

• Tidak membutuhkan Xcode atau Swift

Di iOS 16.4+, Apple mengimplementasikannya dengan:

• APNs sebagai backend

• Safari sebagai user agent

• PWA yang di-install ke Home Screen

Artinya:

PWA kini memiliki hak istimewa yang sebelumnya hanya dimiliki aplikasi native.

---

Syarat Agar Web Push Berfungsi di iOS

Ini penting karena banyak developer keliru:

1. Minimal iOS 16.4

2. Website harus:

   • HTTPS

   • Memiliki Service Worker

3. Aplikasi HARUS di Add to Home Screen

4. User memberikan izin notifikasi

5. Push dikirim melalui Web Push (VAPID → APNs)

Jika salah satu syarat ini tidak terpenuhi, notifikasi tidak akan muncul.

---

App Icon Badge: Fitur Kecil, Dampak Besar

Selain notifikasi, iOS 16.4 juga mendukung:

• Badge angka di icon PWA

• Sinkron dengan push notification

• Mirip seperti aplikasi WhatsApp atau Telegram

Catatan penting:

• Badge tidak bisa diubah manual lewat JavaScript

• Badge hanya bisa di-set melalui payload push

• Badge akan hilang saat user membuka PWA

Secara UX, ini membuat PWA:

• Terlihat “hidup”

• Tidak kalah dengan aplikasi native

• Lebih dipercaya oleh user

---

iPhone Apa Saja yang Mendukung Web Push & Badge PWA?

Dukungan tidak ditentukan oleh tipe iPhone, tetapi oleh versi iOS.

✅ Semua iPhone yang Mendukung iOS 16.4+

Berikut daftar iPhone yang mendukung Web Push Notification & App Badge untuk PWA:

• iPhone 8 / 8 Plus

• iPhone X

• iPhone XR / XS / XS Max

• iPhone 11 / 11 Pro / 11 Pro Max

• iPhone SE (Generasi 2 & 3)

• iPhone 12 / 12 Mini / 12 Pro / 12 Pro Max

• iPhone 13 / 13 Mini / 13 Pro / 13 Pro Max

• iPhone 14 series

• iPhone 15 series

Jika iPhone bisa update ke iOS 16.4 atau lebih baru, maka fitur ini aktif penuh.

❌ iPhone yang Tidak Mendukung

• iPhone 6s

• iPhone 7 / 7 Plus

• iPhone SE generasi pertama

Perangkat ini tidak bisa update ke iOS 16, sehingga tidak akan pernah mendukung Web Push PWA.

---

Perbedaan Web Push PWA vs Push Native iOS

Untuk use case bisnis, edukasi, dashboard, SaaS, internal tool, PWA kini sudah lebih dari cukup.

---

Dampak Strategis bagi Developer & Startup

Dengan hadirnya Web Push di iOS:

1. PWA bukan lagi alternatif kelas dua

2. Fullstack developer bisa:

   • Fokus ke satu codebase

   • Menghindari RN / Flutter jika tidak perlu

3. Laptop low-spec tetap bisa development

4. Deployment bisa sepenuhnya via:

   • CI/CD

   • Cloud build

   • Tanpa Mac

Ini sangat relevan bagi:

• Indie developer

• Startup tahap awal

• Tim kecil

• Edukasi & pesantren IT

• Developer dengan resource terbatas

---

Penutup: PWA iOS Sudah Dewasa

iOS 16.4 adalah titik balik sejarah PWA di Apple ecosystem.

Jika dulu pertanyaannya:

“Kenapa PWA tidak cocok untuk iOS?”

Sekarang berubah menjadi:

“Apakah benar kita masih butuh aplikasi native?”

Untuk banyak kasus, jawabannya:
tidak lagi.