Node.js
Всплывающие уведомления
Поиск…
Вступление
Поэтому, если вы хотите сделать уведомление о веб-приложении, я предлагаю вам использовать структуру Push.js или SoneSignal для веб-приложения.
Push - это самый быстрый способ запустить и запустить с помощью Javascript-уведомлений. Довольно новое дополнение к официальной спецификации, Notification API позволяет современным браузерам, таким как Chrome, Safari, Firefox и IE 9+, отправлять уведомления на рабочий стол пользователя.
Вам нужно будет использовать Socket.io и некоторые бэкэнд-рамки, я буду использовать Express для этого примера.
параметры
модуль / рамки | описание |
---|---|
Node.js / экспресс | Простая базовая инфраструктура для приложения Node.js, очень проста в использовании и чрезвычайно эффективна |
Socket.io | Socket.IO обеспечивает двунаправленную связь на основе событий в режиме реального времени. Он работает на каждой платформе, в браузере или устройстве, одинаково ориентируясь на надежность и скорость. |
Push.js | Самая универсальная в мире настольная система уведомлений |
OneSignal | Еще одна форма с push-уведомлений для устройств Apple |
Firebase | Firebase - это мобильная платформа Google, которая помогает быстро разрабатывать высококачественные приложения и развивать свой бизнес. |
Веб-уведомление
Во-первых, вам нужно будет установить модуль 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)
яблоко
Имейте в виду, что это не будет работать на устройствах Apple (я их не тестировал), но если вы хотите сделать push-уведомления, проверьте плагин OneSignal .