WebSocket + Nodejs 的簡單使用

這里代碼復制過去就可以測試效果了！ 有一個坑，好多人都不提示訪問路徑，我習慣性的就是訪問 localhost:3000,然后訪問不到，這里其實使用前端絕對路徑打開頁面就可以了。。。 

 

1、下載 nodejs-websocket 模塊

npm install nodejs-websocket --save

2、服務器端

var ws = require('nodejs-websocket');
var server = ws.createServer(function(socket){
// 事件名稱為text(讀取字符串時，就叫做text)，讀取客戶端傳來的字符串
　  var count = 1;
    socket.on('text', function(str) {
　　     // 在控制台輸出前端傳來的消息　　
        console.log(str);
        //向前端回復消息
        socket.sendText('服務器端收到客戶端端發來的消息了！' + count++);
    });
}).listen(3000); 

 

3 客戶端

<script>
       // 打開一個 web socket  這里端口號和上面監聽的需一致
        var ws = new WebSocket('ws://localhost:3000/');
   
        // Web Socket 已連接上，使用 send() 方法發送數據
        ws.onopen = function() {
        // 這里用一個延時器模擬事件
            setInterval(function() {
                ws.send('客戶端消息');
            },2000);
        }
        // 這里接受服務器端發過來的消息
        ws.onmessage = function(e) {
            console.log(e.data)
        }

</script>

4、 查看結果