WEB PUSH DEMO V1.0

NOTIFIKASI WEB TANPA APLIKASIANDROID + iOS

🔔 Service Worker + Web Push + VAPID

Demo sederhana untuk mengirim notifikasi ke smartphone lewat browser/PWA, tanpa bikin aplikasi Android/iOS native.

SERVICE WORKERWEB PUSH APIANDROID CHROMEiOS HOME SCREENVAPID KEYSNO NATIVE APP SERVICE WORKERWEB PUSH APIANDROID CHROMEiOS HOME SCREENVAPID KEYSNO NATIVE APP
Status Browser

Cek kesiapan perangkat

Status ini dibaca langsung dari browser yang sedang dipakai.

📲
4 STEPFlow
Cara Kerja

Browser jadi kanal notifikasi

User subscribe lewat browser, server menyimpan endpoint, lalu perubahan website bisa memicu push message.

1

Register Service Worker

File `/sw.js` menerima event push dan menampilkan notifikasi.

2

Subscribe Push API

Browser membuat subscription menggunakan VAPID public key.

3

Store Subscription

Subscription disimpan di JSON server-side untuk demo v1.0.

4

Send Notification

Backend mengirim payload ke push service, lalu smartphone menerima notifikasi.

Panduan iOS

Install dulu ke Home Screen

①

Buka Safari

Kunjungi https://push.belajarx.com

②

Share

Pilih Add to Home Screen.

③

Open PWA

Buka dari icon Home Screen, lalu aktifkan notifikasi.

BelajarX Push log siap...
Event Log

Aktivitas demo

LOG

Menunggu aksi dari browser...

BX
BelajarX Push
Web Push Demo v1.0

Siap Coba Push Notification?

Aktifkan notifikasi, lalu kirim pesan test ke perangkat ini.