1. ホーム
  2. javascript

[解決済み】Webブラウザにプッシュ通知を送信するには?

2022-04-12 20:19:20

質問

について、ここ数時間読んでいます。 プッシュ通知API Web Notification API . また、GoogleとAppleがそれぞれGCMとAPNSを介して、無料でプッシュ通知サービスを提供していることも分かりました。

私は、Desktop Notificationを使用してブラウザにプッシュ通知を実装することができるかどうかを理解しようとしています。Googleのドキュメントで、Chromeでこれを実現する方法を見ました。 こちら & こちら .

さて、まだ理解できていないことがあります。

  1. GCM/APNSを使用して、FirefoxやSafariを含むすべてのWebブラウザにプッシュ通知を送信することは可能ですか?
  2. GCMを経由しない場合、同じことをするために独自のバックエンドを持つことができますか?

これらの回答が1つの回答になっていれば、同じような混乱を抱えている多くの人の助けになると信じています。

解決方法は?

そこで、私は自分の質問に答えているところです。過去にプッシュ通知サービスを構築したことのある人たちから、私の疑問に対するすべての回答を得ることができました。

<ブロッククオート

更新(2018年5月)しました。 以下は GoogleのWebプッシュ通知に関する包括的で非常によくできたドキュメントです。

3年前の質問に対する回答です。

  1. GCM/APNSを使用して、すべてのウェブブラウザにプッシュ通知を送信することができます。 Firefox & Safariを含む?

回答 Googleは2018年4月をもってGCMを非推奨としました。現在は以下のように使用することができます。 Firebaseクラウドメッセージング (FCM)を使用します。ウェブブラウザを含むすべてのプラットフォームに対応しています。

<ブロッククオート
  1. GCMを経由しない場合、同じことをするために独自のバックエンドを持つことができますか?

回答 はい、プッシュ通知は私たち自身のバックエンドから送信することができます。すべての主要なブラウザでサポートされています。

確認 このコードラボ の実装をより深く理解することができます。

いくつかのチュートリアルを紹介します。

様々なプログラミング言語で、独自のバックエンドを実装する。

さらに読む - - Firefox の Web サイトからドキュメントをダウンロードすることができます。 こちらをご覧ください . - GoogleによるWeb Pushの非常に優れた概要は以下のとおりです。 はこちらです。 - よくある質問と回答 よくある混乱や質問をまとめました。

同じことをするための無料のサービスはありますか? 無料、フリーミアム、有料のモデルで同様のソリューションを提供している会社がいくつかあります。以下にいくつかリストアップします。

  1. https://onesignal.com/ (無料|全プラットフォーム対応)
  2. https://firebase.google.com/products/cloud-messaging/ (無料)
  3. https://clevertap.com/ (無料プランあり)
  4. https://goroost.com/

無料サービスを選択する際は、利用規約を必ずお読みください。無料サービスは、分析など様々な目的でユーザーデータを収集することがあります。

それとは別に、プッシュ通知を送信するためにはHTTPSが必要です。ただし、httpsは以下の方法で自由に取得することができます。 letsencrypt.org