实时通讯Socket.io 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

实时通讯


大功告成,服务端和客户端都构建完毕了,下面开始发送消息吧。

当我们成功建立连接后,我们可以通过socket对象的send函数来互相发送消息,示例-客户端向服务端发送消息(index.html):


 var socket = io.connect('/');
socket.on('connect',function(){
   //客户端连接成功后发送消息'hello world!'
   socket.send('hello world!');
});
socket.on('message',function(data){
   alert(data);
});

连接成功后,我们向服务端发送消息hello world!,还为socket注册了message事件,它是send函数对应的接收消息的事件,当服务端向客户端send消息时,我们就可以在message事件中接收到发送过来的消息。

服务端向客户端发送消息也可以通过send的方式,示例 - 服务端向客户端发送消息(app.js):

var io = require('scoket.io');
io.on('connection',function(socket){
  socket.send('汇智网欢迎你!');
  socket.on('message',function(data){
      //收到消息
      console.log(data);
  });
});

与客户端相同,服务端也需要为socket注册message事件来接收客户端发送过来的消息。

为客户端和服务端注册message事件,并使用send函数互相发送消息。