> 記事検索 > タグ「PWA」の検索結果
前回までの記事 では、プッシュ通知に必要なトークンを閲覧者に発行させ、購読状況とともにデータベースに記録させるところまでやりました。 今回からはデータベースに登録させた情報を元に、実際にプッシュ通知を送信・受信できるところまでやってみます。 Firebase Cloud Messaging でプッシュ通知を受信する Google Firebase Cloud Messaging（FCM...
前回までの記事 で、PWA化にはmagnifest.jsonとserviceworker.jsが必要と解説し、そのサンプルを掲載しました。 今回からは目標だったプッシュ通知について解説します。 プッシュ通知の仕組みとFirebaseを利用することにした経緯 PWAを使ったプッシュ通知では、ブラウザで「プッシュ通知を受け取る」設定をした時に、「トークン」が発行されます。 これはブラウザ単...
前回の記事 ではPWAでプッシュ通知を実装することにした経緯とかざっくりした方法と結果を説明しました。 今回はPWA部分に的を絞って書いていきます。 PWAとは 前回も解説しましたが、PWAとは Progressive Web Apps の略です。 Googleが推進している ウェブをアプリみたいに利用できる機能 のことです。 詳しくは 前回の記事 をご覧ください。 PWA...
PWAでプッシュ通知を実装するのが大変だったので書いておきます。 目標はこんな感じ。 freoを PWA化 する プッシュ通知の購読をサイトから簡単に行えるようにする プッシュ通知の送信は手動で行うものとする（サイトの更新のお知らせとか簡単なものしかしないので） 色々やって結果がこれ。 サイトをWindows・Android・iOSに インストール できるよう...
