socket.io учебник
Начало работы с socket.io
Поиск…
замечания
Socket.IO - это библиотека javascript для веб-приложений realtime . Это позволяет в реальном времени, двунаправленную связь между веб-клиентами и серверами. Он имеет две части: клиентскую библиотеку, которая работает в браузере, и серверную библиотеку для node.js Оба компонента имеют почти идентичный API. Подобно node.js, он управляется событиями.
Socket.IO первую очередь использует протокол websocket с опросом в качестве резервной опции, предоставляя тот же интерфейс. Хотя он может использоваться как просто оболочка для webSocket , он предоставляет множество других функций, включая широковещательную webSocket на несколько сокетов, хранение данных, связанных с каждым клиентом, и асинхронный ввод-вывод.
Версии
| Версия | Дата выхода |
|---|---|
| 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 |
Установка или настройка
Во- первых, установить socket.io модуль в node.js приложения.
npm install socket.io --save
Основная настройка HTTP
Следующий пример присоединяет socket.io к HTTP-серверу plain node.js прослушивает порт 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);
Настройка с помощью Express
Экспресс-приложение можно передать на http сервер, который будет подключен к 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);
Настройка клиентской стороны
Проверьте пример Hello World выше для реализации на стороне клиента.
"Привет, мир!" с сообщениями сокета.
Устанавливать узловые модули
npm install express
npm install socket.io
Сервер Node.js
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!');
});
Клиент браузера
<!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>
В приведенном выше примере путь к библиотеке socket.io определяется как /socket.io/socket.io.js .
Несмотря на то, что мы не писали какой-либо код для обслуживания библиотеки socket.io, Socket.io автоматически делает это.