網路通知

首先，你需要安裝 Push.js 模組。

$ npm install push.js --save

或者通過 CDN 將其匯入你的前端應用程式

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

完成後，你應該好好去。如果你想做簡單的通知，它應該是這樣的：

Push.create('Hello World!')

我將假設你知道如何使用你的應用程式設定 Socket.io 。以下是我的後端應用程式的一些程式碼示例：

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 並將此程式碼新增到我的 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 裝置，如果你想使用 Firebase 雲訊息，你可以使用它與這個模組，這是由尼克寫的那個例子的連結（建立者） Push.js）