基于Django&Websocket实现在线聊天室
痛点
服务端(后端)需要主动向客户端(前端)发送消息
痛点解决方案
轮询
前端服务使用定时函数setInterval()周期性向后端端发起Ajax请求
不足:会存在消息延时
长轮询
前端向后端发起Ajax请求,并在success回调函数最后调用当前Ajax函数,实现尾递归。
后端在收到Ajax请求时去获取队列中的消息,返回响应状态为False表示请求超时(避免一直连接后端)
import queue
# 先进先出队列
q = queue.Queue()
def get_message(request):
# 响应状态
status = True
# 消息
message = None
# 获取队列中消息,队列为空则会阻塞
# timeout表示阻塞时长,默认为None,会一直阻塞
# 超时会报Empty错误
try:
message = q.get(timeout=10)
except:
# 未获取到数据,状态为False
status = False
return Jsonresponse({"status": status, "message": message})
Websocket
Websocket是基于http协议之上的长连接协议
- 发起连接
前端发起连接 - 握手(验证)
前端会发送一段随机字符串,后端接收后进行加密返回密文
前端判断密文是否正确确定后端是否支持Websocket协议
加密过程(了解)
Magic value = 258EAFA5-E914-47DA-95CA-C5AB0DC85B11
Sec_key = 随机字符串(16字节)
进行拼接 Sec_key + Magic value
进行SHA-1 哈希
将得到的哈希值再做 base64 编码
- 收发数据(加密)
- 断开连接
Django配置Websocket
Django默认不支持websocket协议,需安装第三方包channels
pip install channels
前端连接Websockt
# 创建Websockt连接
var ws = new WebSocket("ws://"+window.location.host+"/ws/chat/")
更新中