Download to read offline
![Web Bluetooth
W3C Community Group Report
navigator.bluetooth.requestDevice({!
filters: [{ services: [ … ] }]!
}).then(function(device) { device.connectGATT(); })!
.then(function(server) { server.getPrimaryService( … ); })!
.then( … );!
Bluetooth SmartのGATTサーバとの通信に対応](https://image.slidesharecdn.com/techbuzz20151207-151208011439-lva1-app6892/75/HTML5-31-2048.jpg)
これからのHTML5の「つながる」
- 1. 清⽔ 智⾏ (TomoyukiSHIMIZU) これからのHTML5の「つながる」 – Push API, …and so on qiita.com/tomoyukilabs @othersight fb.me/othersight
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13. navigator.serviceWorker.register(scriptUrl, options).then(! function(registration) {… }! );! navigator.serviceWorker.ready.then(! function(registration) { … })! ); self.addEventListener(eventType, function(event) {! event.waitUntil(promise);! }); Webアプリ側 Service Worker側
- 14. Service Workerスクリプトの制約 n Window配下のオブジェクトやメソッド等はほぼ利⽤不可 l XMLHttpRequest, localStorage, document.cookie, etc. n IndexedDBは利⽤可能 l 受信したプッシュ通知を⼀時的に保存する等に利⽤可能 n HTTP(S)通信にはXMLHttpRequestではなくFetch APIを利⽤ l (self.)fetch(url).then(…)
- 15. Service Worker ×Push API W3C Working Draft
- 16.
- 17. ≧ 42 ≧44
- 18. Google APIサーバ Webサーバ UserAgent (ブラウザ) 1) 登録 4) プッシュ通知 2) registration_id登録 (HTTP POST等) 3) プッシュ通知 (HTTP POST) Google Cloud Messaging (GCM)
- 19. Webサーバ User Agent (ブラウザ) 1)登録 (HTTP/2) 4) プッシュ通知 (HTTP/2 Server Push) 2) endpoint登録 (HTTP POST等) 3) プッシュ通知 (HTTP POST) プッシュ通知 サービス Web Push Protocol (Internet Draft)
- 20.
- 21. navigator.serviceWorker.ready.then(! function(registration) {! registration.pushManager.…! });! }); self.addEventListener(‘push’, function(event){! if(‘data’ in event) { var data = event.data.json(); … }! else { … }! event.waitUntil(promise);! }); Webアプリ側 Service Worker側
- 22.
- 23. PushSubscription n pushSubscription.endpoint: プッシュサービスのエンドポイントのURL (WebサーバからHTTP POSTする際に指定するURL) n pushSubscription.unsubscribe(): プッシュ通知の購読を解除(結果はPromiseで取得) n pushSubscription.getKey(encriptionName): プッシュ通知の送信に必要な受信側の公開鍵を取得 (Web Pushに対応しているブラウザで利⽤可能)
- 24. GCMのURL + ‘/’+ registration_id https://android.googleapis.com/gcm/send/… MozillaのPushサーバのURL https://updates.push.services.mozilla.com/push/… PushSubscription.endpoint これらのURLにWebサーバからHTTP POSTで プッシュ通知の内容を送信
- 25. Web Push Protocol: メッセージの暗号化が必須 中間者攻撃を防ぐための対策 (受信者(ブラウザ)と送信者(サーバ)だけの秘密にする) n ECDH (楕円曲線ディフィー・ヘルマン)で暗号鍵を共有 n 128ビットAES-GCM⽅式でメッセージ本体を暗号化
- 26.
- 27.
- 28.
- 29.
- 30.
- 31. Web Bluetooth W3C CommunityGroup Report navigator.bluetooth.requestDevice({! filters: [{ services: [ … ] }]! }).then(function(device) { device.connectGATT(); })! .then(function(server) { server.getPrimaryService( … ); })! .then( … );! Bluetooth SmartのGATTサーバとの通信に対応
- 32. 部分サポート ≧ 45 (ChromeOS) ≧ 48 (Chrome for Android) 実装中 Web Bluetooth
- 33.
- 34. Web NFC API W3CCommunity Group Report navigator.nfc.push(message).then( … );! ! navigator.nfc.watch(function(message) {! …! });! NFCのタグ読取りやpeer-to-peerデータ交換に対応
- 35.
- 36.
- 37.
- 38. n ブラウザを開いていなくてもWebアプリがバックグ ラウンドで通信・連携できる時代に l Service Worker,Push API, … n Webアプリが通信できる相⼿デバイスが今後⼤幅に 拡⼤する⽅向に l Web Bluetooth, Web NFC API, … n ⼀⽅で、セキュリティやプライバシーに対する要件 が今後さらに強化される⽅向に l HTTPS必須化, 鍵共有と暗号化, パーミッション管理の強化, …
- 39.