Web Tech & Architecture
•
10 likes•2,373 views
The document describes a PWA (Progressive Web App) for a Lesser Panda app called "Lesser Panda's Fluffy Fun App!". It includes metadata like the app name, icons, and start URL. It also describes registering a service worker to subscribe to push notifications by calling the push manager's subscribe method and saving the subscription to a server. Finally, it lists modern web technologies supported by browsers.
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (10)
Similar to Web Tech & Architecture
Similar to Web Tech & Architecture (20)
More from dynamis
More from dynamis (20)
Recently uploaded
Recently uploaded (20)
Web Tech & Architecture
- 38. { "short_name": "れっさーもふもふ", "name": "レッサーパンダのもふもふ素敵アプリ！", "icons": [ { "src": "launcher-icon-3x.png", "sizes": "144x144", "type": "image/png" } ], "start_url": "index.html", "display": "standalone" }
- 44. async function registerForPush() { // Service Worker を登録、 let registration = await navigator.serviceWorker.register('sw.js') // プッシュ通知を購読済みか確認、 let subscription = await registration.pushManager.getSubscription() // 未購読であれば購読リクエスト if (!subscription) { subscription = await registration.pushManager.subscribe() } // サーバ側にも記録 await fetch('/save-push-endpoint', { method: 'post', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(subscription) }) // あとは必要時に subscription.endpoint に POST でプッシュ通知！ }