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

I am an enthusiastic researcher and developer with a passion for using technology to innovate in business and education.
Search for a command to run...

I am an enthusiastic researcher and developer with a passion for using technology to innovate in business and education.
No comments yet. Be the first to comment.
Ringkasan: Jika OpenClaw adalah AI Operating System yang menghubungkan berbagai layanan dan agent, maka Hermes adalah AI Worker yang fokus mengerjakan pekerjaan, belajar dari pengalaman, dan semakin p

Ketika membangun aplikasi modern seperti Next.js, Cloudflare Workers, platform AI, microservices, atau real-time dashboard, ada banyak istilah jaringan yang sering muncul: TCP, UDP, HTTP/2, QUIC, WebS

Setiap tahun, ribuan mahasiswa jurusan Teknologi Informasi, Sistem Informasi, dan Teknik Informatika diwisuda. Namun, tidak sedikit di antara mereka yang kemudian menghadapi kenyataan yang cukup berat

Jika Anda menggunakan Next.js, kemungkinan besar Anda pernah mendengar anggapan bahwa: "Next.js = Vercel" Padahal kenyataannya tidak harus demikian. Di sinilah OpenNext hadir. OpenNext adalah proyek

Saat pertama kali mencoba OpenCode Go, saya hampir langsung berlangganan tanpa membaca detail program yang mereka sediakan. Untungnya saya menemukan bahwa OpenCode memiliki program referral yang membe

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.
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.
Ini penting karena banyak developer keliru:
Minimal iOS 16.4
Website harus:
HTTPS
Memiliki Service Worker
Aplikasi HARUS di Add to Home Screen
User memberikan izin notifikasi
Push dikirim melalui Web Push (VAPID → APNs)
Jika salah satu syarat ini tidak terpenuhi, notifikasi tidak akan muncul.
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
Dukungan tidak ditentukan oleh tipe iPhone, tetapi oleh versi iOS.
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 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.
| Aspek | PWA (iOS 16.4+) | Native iOS |
| Perlu App Store | Tidak | Ya |
| Perlu Xcode | Tidak | Ya |
| Bahasa | JavaScript | Swift / Obj-C |
| Push Backend | APNs (via Web Push) | APNs |
| Badge Icon | Ya | Ya |
| Background Task | Terbatas | Penuh |
| Biaya & kompleksitas | Rendah | Tinggi |
Untuk use case bisnis, edukasi, dashboard, SaaS, internal tool, PWA kini sudah lebih dari cukup.
Dengan hadirnya Web Push di iOS:
PWA bukan lagi alternatif kelas dua
Fullstack developer bisa:
Fokus ke satu codebase
Menghindari RN / Flutter jika tidak perlu
Laptop low-spec tetap bisa development
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
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.