首先#xff0c;…前面我们发送的大多数都是text类型的消息对于text消息来说后端处理出来要麻烦的多那么我们可以不可以传递json格式的数据对于前后端来说都比较友好答案是肯定的我们需要做下处理。

首先我们在websocket管理器中增加处理json格式消息的方法

from

__init__(self):存放链接self.active_connections:

List[Dict[str,

ws.accept()self.active_connections.append({user:

user,

WebSocket):断开链接移除self.active_connections.remove({user:

user,

coon[ws].send_json(message)async

def

):发送接收json数据前面一对一接口其实就是发送的json数据await

websocket)try:while

websocket.receive_json()send_user

data[username]if

ws_manager.send_o***r_message(data,

send_user)else:await

ws_manager.broadcast_json(data)except

WebSocketDisconnect

onsubmitsendMessage(event)input

typetext

autocompleteoff/buttonSend/button

/form

tokenwindow.localStorage.getItem(token)if

(tokennull

){window.location.href/login}var

new

WebSocket(ws://localhost:8000/ws/json/token?tokentoken);ws.onmessage

function

document.getElementById(messages)var

message

JSON.parse(event.data);console.log(receiveJson)var

content

document.createTextNode(receiveJson.username说:receiveJson.messageText)message.appendChild(content)messages.appendChild(message)};function

sendMessage(event)

document.getElementById(messageText)var

username

document.getElementById(username)let

message

JSON.stringify(message);ws.send(messageJson);//

input.value

event.preventDefault()}function

logout()

{window.localStorage.removeItem(token)window.location.href/login}

/script/body/html部署看效果因为发送给后端的数据格式是前端拼的json所以页面上只需要填文本即可