個人學習筆記之node----node.js+socket.io實時聊天（1） (謹此記念博客開篇)

本想着從hello word開篇，也確實寫了相關學習筆記。各類緣由吧，如今又着急寫出做品，便做罷。

這裏將記錄一個node.js+socket.io的實時聊天程序。（固然我也是跟着網上各類教程資料學習，也是第一次寫博客，請各位不喜勿噴，小緩本就沒自信）

需求分析：

1：容許客戶端有相同的用戶名。

2：進入聊天室後能夠看到當前在線的用戶和在線人數。

3：用戶上線或退出，客戶端進行實時更新。

4：用戶發送消息，實時接收。

node的基礎知識這裏再也不贅述，首先先學習一下socket.io服務端和客戶端的一些方法。本篇先不進入項目階段，先來學習點基本知識

一、服務端

io.on('connection',function(socket));監聽客戶端鏈接,回調函數會傳遞本次鏈接的socket 

io.sockets.emit('String',data);給全部客戶端廣播消息

io.sockets.socket(socketid).emit('String', data);給指定的客戶端發送消息

socket.on('String',function(data));監聽客戶端發送的信息

socket.emit('String', data);給該socket的客戶端發送消息

廣播消息

//給除了本身之外的客戶端廣播消息

socket.broadcast.emit("msg",{data:"hello,everyone"});

//給全部客戶端廣播消息

io.sockets.emit("msg",{data:"hello,all"});

分組

socket.on('group1',function(data){

socket.join('group1');

});

socket.on('group2',function(data){

socket.join('group2');

});

客戶端發送

socket.emit('group1') 就能夠加入group1分組

踢出分組

socket.leave(data.room);

 

對分組中的用戶發送消息 

//不包括本身

socket.broadcast.to('group1').emit('event_name',data);

//包括本身

io.sockets.in('group1').emit('event_name',data);

broadcast方法容許當前socket client不在該分組內

獲取鏈接的客戶端socket

io.sockets.clients().forEach(function(socket){

});

 

獲取分組信息

//獲取全部房間(分組)信息

io.sockets.manager.rooms

//來獲取此socketid進入房間信息

io.sockets.manager.roomClients[socket.id]

//獲取particular room 中的客戶端，返回全部此房間的socket實例

io.sockets.clients('particular room')

 

2.客戶端

創建一個socket鏈接

var socket = io("ws://103.31.201.154:5555");

監聽服務消息

socket.on('msg',function(data){

socket.emit('msg', {rp:"fine,thank you"}); //向服務器發送消息

console.log(data);

}); 

socket.on("String",function(data)) 監聽服務端發送的消息 Sting參數與服務端emit第一個參數相同

  

監聽socket斷開與重連。

socket.on('disconnect', function() {

    console.log("與服務其斷開");

});

  

socket.on('reconnect', function() {

    console.log("從新鏈接到服務器");

});

客戶端socket.on()監聽的事件：

connect：鏈接成功
connecting：正在鏈接
disconnect：斷開鏈接
connect_failed：鏈接失敗
error：錯誤發生，而且沒法被其餘事件類型所處理
message：同服務器端message事件
anything：同服務器端anything事件
reconnect_failed：重連失敗
reconnect：成功重連
reconnecting：正在重連
當第一次鏈接時，事件觸發順序爲：connecting->connect；當失去鏈接時，事件觸發順序爲：disconnect->reconnecting（可能進行屢次）->connecting->reconnect->connect。

 

下篇日誌將附上環境搭建及代碼實現。