サーチ…


前書き

ですから、Webアプリケーション通知をしたいのであれば、Web /モバイルアプリケーション用にPush.jsまたはSoneSignalフレームワークを使用することをお勧めします。

プッシュは、Javascript通知を使用して起動して実行する最速の方法です。公式仕様にかなり新しく追加されたNotification APIにより、Chrome、Safari、Firefox、IE 9+などの最新のブラウザでユーザーのデスクトップに通知を送信できます。

あなたはSocket.ioといくつかのバックエンドフレームワークを使用する必要があります、私はこの例のためのユーザーエクスプレスです。

パラメーター

モジュール/フレームワーク説明
node.js / express Node.jsアプリケーションのためのシンプルなバックエンドフレームワーク、使いやすく非常に強力
Socket.io Socket.IOは、リアルタイム双方向イベントベースの通信を可能にします。これは、すべてのプラットフォーム、ブラウザ、またはデバイスで動作し、信頼性とスピードに等しく集中します。
Push.js 世界で最も汎用性の高いデスクトップ通知フレームワーク
OneSignal Appleデバイスのプッシュ通知をオフにする別のフォーム
ファイアベース Firebaseは、Googleのモバイルプラットフォームであり、高品質のアプリを迅速に開発してビジネスを成長させるのに役立ちます。

Web通知

まず、 Push.jsモジュールをインストールする必要があります。

$ npm install push.js --save

または、 CDN経由でフロントエンドアプリにインポートする

<script src="./push.min.js"></script> <!-- CDN link -->

あなたがそれを済ませたら、あなたは行かなくてはなりません。これは簡単な通知をしたい場合のように見える方法です:

Push.create('Hello World!')

私はあなたのアプリでSocket.ioを設定する方法を知っていると仮定します。 Expressを使用したバックエンドアプリケーションのコード例をいくつか示します:

var app = require('express')();
var server = require('http').Server(app);
var io = require('socket.io')(server);

server.listen(80);

app.get('/', function (req, res) {
  res.sendfile(__dirname + '/index.html');
});

io.on('connection', function (socket) {
  
  socket.emit('pushNotification', { success: true, msg: 'hello' });

});

サーバーがすべてセットアップされたら、フロントエンドのものに移行することができます。これでSocket.io CDNをimportし、このコードをindex.htmlファイルに追加するだけです。

<script src="../socket.io.js"></script> <!-- CDN link -->
<script>
  var socket = io.connect('http://localhost');
  socket.on('pushNotification', function (data) {
    console.log(data);
    Push.create("Hello world!", {
        body: data.msg, //this should print "hello"
        icon: '/icon.png',
        timeout: 4000,
        onClick: function () {
            window.focus();
            this.close();
        }
    });
  });
</script>

そこには、今、あなたの通知を表示することができるはず、行く、これはまた、任意のAndroidデバイス上で動作し、uは使用したい場合はFirebaseクラウドメッセージングを、あなたは、このモジュールでそれを使用することができ、 ここでニックによって書かれている例(作成者用のリンクですPush.jsの)

林檎

これはAppleデバイスでは機能しません(私はそれらをすべてテストしませんでした)が、プッシュ通知でOneSignalプラグインをチェックするようにしたい場合は注意してください。



Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow