web-dev-qa-db-ja.com

モバイルWebアプリのプッシュ通知機能

サーバーから生成されるたびにモバイルデバイスで通知を受け取るという単純なシナリオがあります。

この機能はネイティブiOSアプリで利用可能で、Androidですが、ネイティブパスを避けようとしています。

  1. URLにアクセスしてアクセスできるモバイルWebアプリ
  2. ユーザーは、ホーム画面にブックマークを作成して、ネイティブアプリアイコンの感覚をつかむことができます。
  3. 通知バッジの取得（丸い形のメッセージはありません）
  4. ブラウザが閉じていても通知を受け取ることができます。

サーバー側イベント/ Webソケットの可能性があることは知っていますが、Webアプリはプッシュ通知機能をエミュレートできますか？

ありがとう

html5mobileweb-applicationswebsocketweb-push
41
Volatil3

これは、ハイブリッドアプリ、ネイティブアプリ、またはプッシュオーバーのインストールをユーザーに要求することなく行うことができます。ページが閉じられた後でもプッシュ通知を送信できる「プログレッシブWebアプリ」を構築することが可能です。

これらは今日Chrome for Android（および他のブラウザはサポートを実装しているようです）で動作しますが、iOSではサポートされていません。

このデモ をご覧ください。このガイドではその方法を説明します。 https://developers.google.com/web/fundamentals/engage-and-retain/Push-notifications/

17
owencm

Webベースのアプリにプッシュ通知を設定できますか？ で説明したように、 プッシュオーバー：Android and iOS のシンプルなモバイル通知を使用できます。

7
Kai Carver

ブラウザが閉じていても通知を受け取ることができます。

これにはWebSocketsを使用できません。より新しいPush APIを使用する必要があります。現在、iOSのSafariを除くすべての主要なブラウザーでサポートされています。

ただし、Push APIのサポートをゼロから追加するのは大変な作業です。 Pushpad （私は創業者です）のようなサードパーティのサービスを使用することをお勧めします。

2
collimarco

私はこのアーキテクチャを使用しています

sockjs + rabbitmq + stomp

参照：

  1. http://www.rabbitmq.com/blog/2012/05/14/introducing-rabbitmq-web-stomp/
  2. http://jmesnil.net/stomp-websocket/doc/
1
Luffy

PhoneGap（モバイルWebアプリケーション）へのモバイルプッシュ通知用プラグインを使用できます。

https://github.com/awysocki/C2DM-PhoneGap

プッシュ通知またはサーバープッシュは、サーバーからクライアントにデータを送信する最新の方法です。 Gmailが受信トレイに届く新しいメールを受信して​​表示する方法に気づきましたか？ブラウザを更新したり、更新ボタンをクリックしてリクエストを送信したり、サーバーから最新データを受信したりする必要はありません。

1
Tekinnn

Firebase は、Googleのモバイル向けプッシュ通知ソリューションおよびwebです。

同社は現在、すべてのFirebaseユーザーにiOSをサポートする無制限の通知を無料で提供しています。AndroidおよびWeb。 source

0
Freek Nortier

私の理解では、ネイティブ機能とWeb機能の両方にアクセスできるハイブリッドアプリを構築できます。これを実現するには、Phonegapの使用を検討できます。これにより、プッシュ通知サービスも使用できるようになります。

Test Flightは、Android and iOS platform。

0
Simply Innovative