Node.js
Pushmeldingen
Zoeken…
Invoering
Dus als u een webapp-melding wilt doen, raad ik u aan Push.js of SoneSignal-framework voor web / mobiele app te gebruiken.
Push is de snelste manier om aan de slag te gaan met Javascript-meldingen. Een vrij nieuwe toevoeging aan de officiële specificatie, de Notification API stelt moderne browsers zoals Chrome, Safari, Firefox en IE 9+ in staat om meldingen naar de desktop van een gebruiker te pushen.
Je zult Socket.io en een backend framework moeten gebruiken, ik gebruik Express voor dit voorbeeld.
parameters
| module / framework | Beschrijving |
|---|---|
| node.js / uiten | Eenvoudig backe-end framework voor Node.js-applicatie, zeer eenvoudig te gebruiken en extreem krachtig |
| Socket.io | Socket.IO maakt realtime bidirectionele op gebeurtenissen gebaseerde communicatie mogelijk. Het werkt op elk platform, elke browser of elk apparaat en richt zich evenzeer op betrouwbaarheid en snelheid. |
| Push.js | Het meest veelzijdige framework voor desktopmeldingen ter wereld |
| OneSignal | Gewoon een ander formulier voor pushmeldingen voor Apple-apparaten |
| Firebase | Firebase is het mobiele platform van Google waarmee u snel hoogwaardige apps kunt ontwikkelen en uw bedrijf kunt laten groeien. |
Web notificatie
Eerst moet u de Push.js- module installeren.
$ npm install push.js --save
Of importeer het naar uw front-end-app via CDN
<script src="./push.min.js"></script> <!-- CDN link -->
Nadat je daarmee klaar bent, moet je goed zijn om te gaan. Zo moet het eruit zien als je een eenvoudige melding wilt doen:
Push.create('Hello World!')
Ik ga ervan uit dat je weet hoe je Socket.io moet instellen met je app. Hier is een codevoorbeeld van mijn backend-app met 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' });
});
Nadat uw server volledig is ingesteld, zou u naar front-end-dingen moeten kunnen gaan. Nu hoeven we alleen Socket.io CDN te importeren en deze code toe te voegen aan mijn index.html- bestand:
<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>
Daar ga je, nu zou je je melding moeten kunnen weergeven, dit werkt ook op elk Android-apparaat, en als je Firebase-cloudberichten wilt gebruiken, kun je het met deze module gebruiken, hier is een link voor dat voorbeeld geschreven door Nick (maker van Push.js)
appel
Houd er rekening mee dat dit niet werkt op Apple-apparaten (ik heb ze niet allemaal getest), maar als u pushmeldingen wilt maken, controleert u de OneSignal- plug-in.