socket.io Handledning
Komma igång med socket.io
Sök…
Anmärkningar
Socket.IO
är ett javascript-bibliotek för webbapplikationer i realtime
. Det möjliggör realtid, dubbelriktad kommunikation mellan webbklienter och servrar. Det har två delar: ett bibliotek på klientsidan som körs i webbläsaren och ett server- node.js
för node.js
Båda komponenterna har ett nästan identiskt API. Liksom node.js är den händelsestyrd.
Socket.IO
använder i första hand websocket
med polling som ett fallback-alternativ, samtidigt som det ger samma gränssnitt. Även om det kan användas som ett omslag för webSocket
, ger det många fler funktioner, inklusive sändning till flera uttag, lagring av data som är associerade med varje klient och asynkron I / O.
versioner
Version | Utgivningsdatum |
---|---|
1.4.8 | 2016/06/23 |
1.4.7 | 2016/06/23 |
1.4.6 | 2016/05/02 |
1.4.5 | 2016/01/26 |
1.4.4 | 2016/01/10 |
1.4.3 | 2016/01/08 |
1.4.2 | 2016/01/07 |
1.4.1 | 2016/01/07 |
1.4.0 | 2015/11/28 |
1.3.7 | 2015/09/21 |
1.3.6 | 2015/07/14 |
1.3.5 | 2015/03/03 |
1.3.4 | 2015/02/14 |
1.3.3 | 2015/02/03 |
1.3.2 | 2015/01/19 |
1.3.1 | 2015/01/19 |
1.3.0 | 2015/01/19 |
1.2.1 | 2014/11/21 |
1.2.0 | 2014/10/27 |
1.1.0 | 2014/09/04 |
1.0.6 | 2014/06/19 |
1.0.5 | 2014/06/16 |
1.0.4 | 2014/06/02 |
1.0.3 | 2014/05/31 |
1.0.2 | 2014/05/28 |
1.0.1 | 2014/05/28 |
1.0.0 | 2014/05/28 |
Installation eller installation
Installera först socket.io
modulen i node.js
applikationen.
npm install socket.io --save
Grundläggande HTTP-installation
Följande exempel socket.io
till en vanlig node.js
HTTP-server som lyssnar på port 3000.
var server = require('http').createServer();
var io = require('socket.io')(server);
io.on('connection', function(socket){
console.log('user connected with socketId '+socket.id);
socket.on('event', function(data){
console.log('event fired');
});
socket.on('disconnect', function(){
console.log('user disconnected');
});
});
server.listen(3000);
Inställning med Express
Express-app kan skickas till http
servern som kommer att kopplas till socket.io
.
var app = require('express')(); //express app
var server = require('http').createServer(app); //passed to http server
var io = require('socket.io')(server); //http server passed to socket.io
io.on('connection', function(){
console.log('user connected with socketId '+socket.id);
socket.on('event', function(data){
console.log('event fired');
});
socket.on('disconnect', function(){
console.log('user disconnected');
});
});
server.listen(3000);
Client Side Setup
Kontrollera Hello World-exemplet ovan för implementering av klientsidan.
"Hej världen!" med socket-meddelanden.
Installera nodmoduler
npm install express
npm install socket.io
Node.js-server
const express = require('express');
const app = express();
const server = app.listen(3000,console.log("Socket.io Hello Wolrd server started!"));
const io = require('socket.io')(server);
io.on('connection', (socket) => {
//console.log("Client connected!");
socket.on('message-from-client-to-server', (msg) => {
console.log(msg);
})
socket.emit('message-from-server-to-client', 'Hello World!');
});
Webbläsarklient
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World with Socket.io</title>
</head>
<body>
<script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
<script>
var socket = io("http://localhost:3000");
socket.on("message-from-server-to-client", function(msg) {
document.getElementById('message').innerHTML = msg;
});
socket.emit('message-from-client-to-server', 'Hello World!');
</script>
<p>Socker.io Hello World client started!</p>
<p id="message"></p>
</body>
</html>
I exemplet ovan definieras sökvägen till socket.io-biblioteket som /socket.io/socket.io.js
.
Även om vi inte skrev någon kod för att betjäna socket.io-biblioteket, gör Socket.io automatiskt det.