[B! serviceworker] hyottokoalohaのブックマーク

[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スクリプト（登

hyottokoaloha 2017/11/16

リンク

[Service Worker]このサイトはバックグラウンドで更新されました。 : shooblog

最近ちょいちょい耳にするService Worker。 Service WorkerはWebページから独立してバックグラウンドで動くJavascriptで、今回はGCM(Google Cloud Messaging)を利用してブラウザによるプッシュ通知を配信する案件。いけてるクラウドサービスやフェイスブックの通知なんかで最近よく見かけるやつ。 Fetch APIを使用して動的な通知内容をJSONペイロードで取得するのには成功したが「このサイトはバックグラウンドで更新されました。」という通知が同時に現れてしまうことがあり、解決に時間を費やしたのでメモ。 ■原因と思われるその1 通知要求応答時のevent.waitUntilメソッドのPromiseにreturnを返していないこと。 catch処理でもreturnしておくのが良さげ。ちなみにfetchで外からデータを取得する場合は、Prom

hyottokoaloha 2017/02/07

serviceworker

リンク

The offline cookbook

Update: Together with Udacity I created a free offline-first interactive course. It involves taking an online-only site to full offline-first glory. Many of the patterns in this article are used. When AppCache arrived on the scene it gave us a couple of patterns to make content work offline. If those were the patterns you needed, congratulations, you won the AppCache lottery (the jackpot rem ains u

hyottokoaloha 2017/01/24

serviceworker

リンク

プログレッシブウェブアプリ詳解 ─ 過去・現在・未来

Web技術でアプリ開発2016特集・第5弾は、プログレッシブウェブアプリ (Progressive Web Apps)をご紹介させていただきます。はじめにプログレッシブウェブアプリ(Progressive Web Apps)という言葉が初めて登場したのは2015年8月のAlex Russellによる記事Progressive Web Apps: Escaping Tabs Without Losing Our Soulです。当時オフラインやプッシュ通知など、モバイルウェブを飛躍的に進化させる画期的な機能が次々と追加されていた状況において、このムーブメントを呼称するための言葉が求められていました。Google社内でいくつもの候補が挙げられましたが、Service Workerの発案者としてAlex Russellが推したのが、この「プログレッシブウェブアプリ」でした。また、当初Goog

hyottokoaloha 2016/12/22

リンク

Service Worker の update()

Service Worker の update() Jun 22, 2015 | tags : serviceworker Chromium に ServiceWorkerRegistration.update() を実装したのでその紹介。順調に行けばバージョン 45 から使用することができます (Canary ではもう使えます)。 [spec] Service Workers - update() [blink-dev] Intent-to-Ship Chromium Issue Service Worker は適当なタイミングでスクリプトのアップデートチェックが走ります。例えば Service Worker のコントロール下にあるページを開いたときにチェックします (Handle Fetch Algorithm 参照)。このアップデートチェックはスクリプトの Cache-Control