网络通知
首先,你需要安装 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)