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/服务器响应流(保持连接)
-
- 服务器可主动发数据到客户端
- 客户端向客户端发数据通过服务器
-
下载包
- 客户端: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’)
- 加入群组