Node使用Socket.io
@ 姜波 | 星期六,十月 19 日,2019 年 | 2 分钟阅读 | 更新于 星期六,十月 19 日,2019 年

session store

  • 客户端cookie长度有限

  • 客户端保存cookie信息不安全

  • 客户端保存钥匙,服务器存储数据

let store = {
  storage: {},
  get (key) {
    return this.storage[key]
  },
  set (key, sess) {
    this.storage[key] = sess
  },
  destroy (key) {
    delete this.storage[key]
  }
} 

app.use(session({store},app));

核心思想socket.io

  • 轮询ajax(setInterval(发ajax)) 缺点:不停询问服务器,浪费性能
  • 服务器不关闭连接,一次响应,一直保持连接 缺点:只有服务器向客户端不断输出
  • html5中出来了一个websocket 他是在原来http协议的基础上,去升级当前协议为websocket升级
    • 将原本 先有请求才有响应的机制,更改成了,服务端也可以主动发请求给客户端
    • HTTP 一问一答, TCP协议,客户端与服务器建立连接以后,就可以自由的通信了
    • 缺点:有兼容性问题(IE11)
  • 总结:
    • 长轮询 : 客户端不停问,服务器不停回
    • 长连接: 客户端一次,服务器多次(服务器向客户端单向输出)
    • ws(握手) WebSocket
      • 全双工(双向工作(客户端和服务器))通信
  • socket.io交互方式可能通过websocket/轮询ajax/服务器响应流(保持连接)
      1. 服务器可主动发数据到客户端
      2. 客户端向客户端发数据通过服务器

下载包

  • 客户端:socket.io-client
  • 服务器:koa-socket

操作步骤

  • 服务器广播 io.broadcast('事件名',{ 数据} );
  • 服务器向客户端||客户端向服务器 socket.emit('事件名',{数据});
  • 客户端接收 socket.on('事件名',data=>{} )
  • 服务器接收 io.on('事件名',data=>{});

进阶学习

  • 私聊
    • 客户端告诉服务器to谁,及内容
    • 服务器通过app._io.to(socket.id)找到目标客户端,再通过emit通信
  • 群组聊天
    • 加入群组 ctx.socket.socket.join(groupid);
    • 离开群 ctx.socket.socket.leave('字符串标识')
    • 向群里通信app._io.to(groupid).emit
    • 后续接收还是对应on(‘xxxx’)

公众号

Image text

QQ

Image text

微信

Image text

微信打赏

Image text

社交链接