Можливо, це може вам і допомогти. У мене виникли певні проблеми з тим, як загорнути голову про те, як працює socket.io, тому я спробував зварити приклад настільки, наскільки міг.
Я адаптував цей приклад із прикладу, розміщеного тут: http://socket.io/get-started/chat/
Спочатку почніть з порожнього каталогу та створіть дуже простий файл під назвою package.json. Розмістіть у ньому наступне.
{
"dependencies": {}
}
Далі в командному рядку використовуйте npm для встановлення залежностей, які нам потрібні для цього прикладу
$ npm install --save express socket.io
Це може зайняти кілька хвилин, залежно від швидкості підключення до мережі / процесора / тощо. Щоб перевірити, чи все йшло, як було заплановано, ви можете переглянути файл package.json ще раз.
$ cat package.json
{
"dependencies": {
"express": "~4.9.8",
"socket.io": "~1.1.0"
}
}
Створіть файл під назвою server.js Це очевидно буде наш сервер, керований вузлом. Помістіть у нього такий код:
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.get('/', function(req, res){
//send the index.html file for all requests
res.sendFile(__dirname + '/index.html');
});
http.listen(3001, function(){
console.log('listening on *:3001');
});
//for testing, we're just going to send data to the client every second
setInterval( function() {
/*
our message we want to send to the client: in this case it's just a random
number that we generate on the server
*/
var msg = Math.random();
io.emit('message', msg);
console.log (msg);
}, 1000);
Створіть останній файл під назвою index.html і помістіть у нього наступний код.
<html>
<head></head>
<body>
<div id="message"></div>
<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io();
socket.on('message', function(msg){
console.log(msg);
document.getElementById("message").innerHTML = msg;
});
</script>
</body>
</html>
Тепер ви можете протестувати цей дуже простий приклад і побачити деякий вихід, подібний до наступного:
$ node server.js
listening on *:3001
0.9575486415997148
0.7801907607354224
0.665313188219443
0.8101786421611905
0.890920243691653
Якщо ви відкриєте веб-браузер і вкажете його на ім’я хоста, на якому запущений процес вузла, ви повинні побачити ті самі номери у вашому браузері разом з будь-яким іншим підключеним браузером, який дивиться на цю ж сторінку.