zoukankan      html  css  js  c++  java
  • Socket零碎知识

      首先先给大家介绍一下```io.on()```跟```socket.on()```有什么区别呢,那下面就继续讲解一下```io.on()```跟```socket.on()```事件的区别:
      在connection事件的回调函数中,socket表示的是当前连接到服务器的那个客户端。所以代码```socket.emit('foo')```则只有自己收得到这个事件。
      socket.broadcast.emit('foo')则表示向除自己外的所有人发送该事件,上面代码中,io表示服务器整个socket连接,所以代码```io.sockets.emit('foo')```表示所有人都可以收到该事件。
    

    说完了io.on()跟socket.on()的区别,那咱们下面对其使用进行详细的介绍

    (1) socket.emit:对当前的client发送消息
    (2) broadcast.emit:对socket中的其他用户进行广播操作,触发后,给所有连接到相同server端的client可以接收到相同的信息,但不包括自己。若想让自己也收到消息,需要自己执行emit方法,即socket.emit(‘event’,{data:data})。相当于观察者模式中的被观察对象,触发事件通知观察者。
    (3) join:server端的方法。可以让连接到相同server的client分到不同的组中,以便让相同组的client接收消息,而不是对所有client。broadcast是真对所有的client,不包括自己。
    (4) leave:与join意义相反,即离开
    (5)broadcast.to('room'):对同一个room的client发送消息。
    (6)io.sockets.emit:对所有连接到相同server的client发送消息。如:io.sockets.emit("notify", { message: "欢迎进入聊天室" });效果等同于1+2
    (7)io.sockets.in('room'):等同于(5)

    例子:

    socket.on('connection', function() {   //监听connection事件,触发函数
        console("已连接服务器");
    })```
    
    
    socket.emit('action');表示发送了一个action命令,命令是字符串的,在另一端接收时,可以这么写: ```socket.on('action',function(){...});```
    
    socket.emit('action',data);表示发送了一个action命令,还有data数据,在另一端接收时,可以这么写: ```socket.on('action',function(data){...});```
    
    socket.emit(action,arg1,arg2); 表示发送了一个action命令,还有两个数据,在另一端接收时,可以这么写: ```socket.on('action',function(arg1,arg2){...});```
    
    在emit方法中包含回调函数,例如:
    ```socket.emit('action',data, function(arg1,arg2){...} );```那么这里面有一个回调函数可以在另一端调用,另一端可以这么写:```socket.on('action',function(data,fn){   fn('a','b') ;  });```
    上面的data数据可以有0个或者多个,相应的在另一端改变function中参数的个数即可,function中的参数个数和顺序应该和发送时一致
    上面的fn表示另一个端传递过来的参数,是个函数,写fn('a','b') ;会回调函数执行。一次发送不应该写多个回调,否则只有最后一个起效,回调应作为最后一个参数。
    
    #####<a href="http://www.cnblogs.com/Wayou/p/hichat_built_with_nodejs_socket.html">这是一个大神用node+express+websocket写的‘即时聊天’程序,有详细讲解过程,想看那就点我吧</a>
    
    #####<a href="https://github.com/Descrtion/node-chatRoom">这是本人学习了大神的‘即时聊天’程序之后自己写的一个即时聊天小程序,想看那就点我吧</a>
  • 相关阅读:
    判断微信浏览器
    文章迁移
    ECharts使用—折线图动态加载
    vue-cli入门
    gulp使用详解
    gulp使用入门
    Chrome扩展插件流程
    div界面元素生成图片
    xss攻击与防御
    bootstrap-table使用详解
  • 原文地址:https://www.cnblogs.com/wjlbk/p/12633327.html
Copyright © 2011-2022 走看看