ブラウザのプッシュ通知が簡単にできちゃうFirebase
2020.03.20
ブラウザのプッシュ通知が簡単にできちゃうFirebaseのでやり方を簡略的に記載します。
- Firebaseにプロジェクトを作成する(グーグルのアカウントが必要)。
- firebase cliというパッケージソフトをOSにダウンロードしそのソフトを任意のフォルダの中に移動させて起動させる。Node.jsはインストール済みとする(※手順)。
- 試しにホスティングしてみる。ホスティングはプロジェクトの左側の項目よりホスティングをクリックすると手順の説明通り行うと出来ます。
- URLより確認し表示されているか確認する。
- Cloud Messagingの設定よりFCM でウェブ認証情報を設定するからメッセージング オブジェクトを取得するまでをブラウザで操作し設定を行う。
- ローカルに下記のURLよりファイルをダウンロードする。ダウンロードするファイルはfirebase-messaging-sw.js, firebase-logo.png, index.html, main.cssになります。動かない場合は再設定が必要。
https://github.com/firebase/quickstart-js/tree/f76b14ca00cca48dbfca5c787c0a4ca73eb9857d/messaging - ダウンロードしたファイルはpublicか自分が決めたフォルダに入れる。
- index.htmlソースの中に ‘<YOUR_PUBLIC_VAPID_KEY_HERE>’ と記載している部分があるので変更する。
- firebase cli より『 firebase deploy』する。
- ページを再読み込みして通知を許可する。
- Cloud Messagingから送信してみる。
- 通知が届くことを確認する。
※今回はブラウザのプッシュ通知なのでアプリを追加する際はWEB(</>)を選んでください。
ではでは?健闘を祈る?
タグ
cli, Cloud, FCM, Firebase, firebase-logo, firebase-messaging-sw, index, JS, Messaging, node, OS, png, url, アカウント, インストール, ウェブ, オブジェクト, グーグル, クリック, ソフト, ダウンロード, パッケージ, ファイル, フォルダ, プッシュ, ブラウザ, プロジェクト, ホスティング, メッセージング, やり方, ローカル, 下記, 中, 任意, 作成, 取得, 左側, 必要, 情報, 手順, 操作, 確認, 移動, 簡単, 簡略, 表示, 記載, 設定, 認証, 説明, 起動, 通知, 項目,
プロフェッショナルの言葉[NHK]。
2014.08.18
プロフェッショナルの言葉っていう本があるのですけど、かなりお経みたいな表紙で気にいって購入しました。中身は暇な時にパラパラめくって読んでいるというスタンスです、ちなみに右側のページにプロフェッショナルの言葉が書いてあり、左側のページに言葉の意味するところを箇条書きでかかれています。右側のページだけ読むでも良いし、左側のページを読んでもっとその言葉の意味する処を理解するのも良いですね。あと、プロフェッショナルの言葉は結構ありますので自分の気に入った言葉が見つかるかもしれません。
このプロフェッショナルの言葉の元ネタはNHKの「プロフェッショナル仕事の流儀」という番組です、各業種でお仕事をされているプロフェッショナルの方々に焦点をあてた番組です。それがプロフェッショナルの言葉の元ネタです、著名人の言葉のまとめみたいな本です。
タグ
4478300593, asin, jp, NHK, お仕事, お経, かなり, スタンス, ソレ, ところ, ネタ, プロフェッショナル, ページ, まとめ, 中身, 仕事, 処, 右側, 左側, 意味, 方々, 時, 暇, 本, 業種, 気, 流儀, 焦点, 理解, 番組, 箇条書き, 自分, 著名人, 表紙, 言葉, 購入,