megos / webpush-sample

WebPushのサンプル（GoogleChrome、Firefox対応）

WebPushサンプル

Google ChromeやFirefoxで動作するWebPushのサンプルプログラム

Original

• GoogleChrome/samples/push-messaging-and-notifications

Demo

• デモページ

Usage

1. 「通知を有効にする」ボタンを押す
2. ブラウザの受信設定が表示されるので、有効にする
3. 「メッセージを送信する」ボタンを押すか、cURL Commandに表示されたスクリプトをコピーして、ターミナルやcygwinで実行する

Setting

• htmlが動く環境またはNode.jsが動く環境が必要です
• html環境の場合：Push通知はcurlコマンドを使う
• Node.js環境の場合：Push通知をブラウザで行うことができる

Google Chrome

1. Google Developer Consoleにてプロジェクトを作成する
2. Google Cloud Messaging（GCM）を有効にする
3. static/config.jsの<Your Public API Key ...>をGCMのAPIキーに書き換える
4. static/manifest.jsonの<Your Project Number ...>をプロジェクト番号に書き換える
5. （Node.jsの環境がある場合）app.jsの<Your Public API Key ...>をGCMのAPIキーに書き換える

Firefox

• 特に設定の必要なし

Node.js

• $ npm install

実行（Node.js環境の場合）

• $ node app.js
• http://localhost:3000 にアクセス

Licence

Apache License, Version 2.0