Belki bu da size yardımcı olabilir. Soket.io'nun nasıl çalıştığına kafamı sarmakta biraz güçlük çekiyordum, bu yüzden elimden geldiğince bir örnek oluşturmaya çalıştım.
Bu örneği burada yayınlanan örnekten uyarladım: http://socket.io/get-started/chat/
İlk önce boş bir dizinde başlayın ve package.json adında çok basit bir dosya oluşturun Aşağıdakileri içine yerleştirin.
{
"dependencies": {}
}
Ardından, komut satırında, bu örnek için ihtiyacımız olan bağımlılıkları yüklemek için npm kullanın
$ npm install --save express socket.io
Bu, ağ bağlantınızın / CPU / vb. Hızınıza bağlı olarak birkaç dakika sürebilir. Her şeyin planlandığı gibi gittiğini kontrol etmek için package.json dosyasına tekrar bakabilirsiniz .
$ cat package.json
{
"dependencies": {
"express": "~4.9.8",
"socket.io": "~1.1.0"
}
}
Server.js adında bir dosya oluşturun Bu, açıkça düğüm tarafından çalıştırılan sunucumuz olacaktır. Aşağıdaki kodu içine yerleştirin:
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);
Aranan son dosya oluşturun index.html ve aşağıdaki kodu içine yerleştirin.
<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>
Şimdi bu çok basit örneği test edebilir ve aşağıdakine benzer bazı çıktılar görebilirsiniz:
$ node server.js
listening on *:3001
0.9575486415997148
0.7801907607354224
0.665313188219443
0.8101786421611905
0.890920243691653
Bir web tarayıcısı açarsanız ve onu düğüm işlemini çalıştırdığınız ana bilgisayar adına yönlendirirseniz, aynı sayfaya bakan diğer bağlı tarayıcılarla birlikte tarayıcınızda aynı numaraların göründüğünü görmelisiniz.