个人学习笔记之node----node.js+socket.io实时聊天(1) (谨此记念博客开篇)

本想着从hello word开篇,也确实写了相关学习笔记。各类缘由吧,如今又着急写出做品,便做罢。node

这里将记录一个node.js+socket.io的实时聊天程序。(固然我也是跟着网上各类教程资料学习,也是第一次写博客,请各位不喜勿喷,小缓本就没自信)服务器

需求分析:socket

1:容许客户端有相同的用户名。函数

2:进入聊天室后能够看到当前在线的用户和在线人数。学习

3:用户上线或退出,客户端进行实时更新。socket.io

4:用户发送消息,实时接收。spa

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。

 

下篇日志将附上环境搭建及代码实现。

 

 

相关文章
相关标签/搜索