Socket.IO

官网：https://socket.io/zh-CN/

GitHub：https://github.com/socketio/socket.io

---

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

即时通讯软件开发

聊天室练习

• 异步ajax聊天

• 功能扩展

  • 1. 即时聊天
    2. 统计在线人数
    3. 显示在线列表
    4. 私聊
    5. 群组聊天

操作步骤

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

进阶学习

• 私聊
  • 1. 客户端告诉服务器to谁,及内容
    2. 服务器通过io.to(socket.id)找到目标客户端,再通过emit通信
• 群组聊天
  • 加入群组 ctx.socket.join(groupid);
  • 向群里通信```ctx.socket.broadcast
  • .to(groupId).emit('xxxx',data)
  • 后续接收还是对应on('xxxx')
  • 客户端端与服务器之间都是 on('xxx') emit('xxx')去对应
    • join加入组
    • to 私聊
    • 事件名,数据 数据可以是对象，如果仅仅是字符串， ctx.data拿就可以了，是对象ctx.data.xxxx

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));

excel操作

• node-xlsx