【即时通讯】轮询方式实现
技术栈
- LayUI、jQuery实现前端效果。
- django4.2、django-ninja实现后端接口。
代码仓 - 后端
代码仓 - 前端
实现功能
- 首次访问页面并发送消息时需要设置昵称
- 发送内容为空时要提示用户不能发送空消息
- 前端定时获取消息，然后展示在页面上。
效果展示
- 首次发送需要设置昵称
- 发送消息与消息展示
- 提示用户不能发送空消息
后端接口
- 发送消息
DB = []
@router.post("/poll/send/message")
def send_message_api(request: WSGIRequest, message: MessageSchema) -> JsonResponse:
"""
轮询通讯接收消息接口
:param request: WSGIRequest
:param message: MessageSchema
:return: JsonResponse
"""
message_info = message.dict()
DB.append(message_info)
return JsonResponse({"ok": True})
- 获取消息
@router.get("/poll/get/messages")
def get_messages_api(request: WSGIRequest, startIndex: int) -> JsonResponse:
"""
轮询通讯获取消息接口
:param request: WSGIRequest
:param startIndex: int 上次获取聊天记录的最后位置
"""
context = {
"data": DB[startIndex:],
"maxIndex": len(DB)
}
return JsonResponse(context)
