タグ

webpushに関するyusukekomoのブックマーク (3)

  • サービスワーカー API - Web API | MDN

    サービスワーカーは、基的にウェブアプリケーション、ブラウザー、そして(もし繋がっていれば)ネットワークの間に介在するプロキシサーバーのように振る舞います。これは、よりよいオフラインの操作性を可能にするように意図されており、ネットワークのリクエストに介在してネットワークの使用可否の状況に基づいて適切な対応を取ったり、サーバー上にある資産を更新したりします。また、プッシュ通知やバックグラウンド同期の API 群へのアクセスもできるようになります。 サービスワーカーは、あるオリジンとパスに対して登録されたイベント駆動型のワーカーです。 JavaScript ファイルの形を取り、ナビゲーションやリソースへのリクエストを横取りや改変したり細かい粒度でリソースをキャッシュすることで関連付けられたウェブページやサイトを制御し、それぞれの状況(もっとも顕著な例は、ネットワークが利用できないとき)にアプリ

    サービスワーカー API - Web API | MDN
  • [改訂版] Web Pushでブラウザにプッシュ通知を送ってみる - Qiita

    はじめに ブラウザやプッシュ通知サービスによらず、標準化された手順でブラウザにプッシュ通知が可能になるWeb Pushに関連する技術仕様のRFC化が完了し、ブラウザとプッシュサービスへの実装もかなり整ってきています。そこで、Web Pushの使い方を改めて整理してみます。 なお、記事は、Web Pushでブラウザにプッシュ通知を送ってみるのアップデートとなっています。 旧記事との差分 PushManager.supportedContentEncodingsがサポートされ、ブラウザが対応するContent-Encodingの種類を確認できるようになりました。Chrome 60以降、Microsoft Edge (EdgeHTML 17)が対応しています。 IETF仕様の変更により、aes128gcmというContent-Encodingが規定されました。Chrome 60以降、Firef

    [改訂版] Web Pushでブラウザにプッシュ通知を送ってみる - Qiita
  • [RFC]WebPush実装まとめ(Chrome/Firefox/Android/Edge)

    Web Pushを実装したまとめ。動作確認済のデモソース付。 2018/08/24 公開されたRFCに準拠し、内容をアップデートしました。 旧仕様のaesgcmから、新仕様のaes128gcmに説明を変更しました。 2017/04/22 初公開 WebPushとは WebPushに使用される暗号の話 楕円曲線暗号(ECC)とは ServiceWorker APIについて WebPushを実装するための手順 HKDF 登録 通知メッセージの暗号化 VAPIDの生成と署名 ヘッダの生成とデータ送信 補足 URL safe Base64(base64url encode)について ASN1 DER formatについて WebPush実装に必要なライブラリ JavaScript側の実装 ServiceWorker API ServiceWorkerの登録 ServiceWorkerスクリプト(登

    [RFC]WebPush実装まとめ(Chrome/Firefox/Android/Edge)
  • 1