HeartLinks:名为爱的谜题免安装绿色版
· 2025-09-28
最近在研究Python下整合FastAPI的Socket.IO 应用,对于其WebSocket的消息报文协议进行了深入了解,并整理了相关的协议内容,整合到FastAPI的WebSocket通讯处理中,用作多端的消息通讯,如聊天,系统信息通知等。
{
"msgtype": "string", // 消息类型,如 "chat", "notification", "command"
"sender": "string", // 发送者标识,如用户ID或系统标识
"timestamp": "number", // 消息发送时间戳(毫秒)
"payload": { // 消息内容(不同 msgtype 有不同格式)
// 根据 msgtype 定义不同的结构
},
"room": "string", // 房间标识(可选),表示消息所属的房间
"touser": "string", // 接收者标识(可选),表示消息的目标用户,多个接收者用‘|’分隔
"totag": "string", // 接收者标签(可选),表示消息的目标用户标签,多个标签用‘|’分隔
}
例子:
{
"msgtype": "chat",
"room": "room1",
"sender": "user1",
"timestamp": 1612345678901,
"payload": {
"text": "Hello, world!"
}
}
系统类消息由系统发送,用于通知客户端或服务端状态变化。
{
"msgtype": "system_notice",
"sender": "system",
"timestamp": 1694412000000,
"payload": {
"level": "info", // info, warning, error
"text": "服务器即将维护"
}
}
聊天类消息由用户发送,用于聊天。
{
"msgtype": "chat_message",
"room": null,
"sender": "alice",
"timestamp": 1694412000000,
"payload": {
"text": "你好,大家!",
"extra": {
"emoji": ""
}
}
}
房间操作类消息用于创建、加入或离开房间。
{
"msgtype": "room_event",
"room": "room1",
"sender": "bob",
"timestamp": 1694412000000,
"payload": {
"action": "join", // join, leave, create, destroy
"user": "bob"
}
}
ACK / 状态反馈消息用于确认客户端或服务端收到消息。
{
"msgtype": "ack",
"sender": "server",
"timestamp": 1694412000000,
"payload": {
"status": "ok", // ok, fail
"requestId": "abc123",
"msg": "消息已送达"
}
}
命令类消息用于向服务端发送指令。
{
"msgtype": "command",
"sender": "user1",
"timestamp": 1694412000000,
"payload": {
"command": "create_room",
"args": {
"name": "room1"
}
}
}
图片类消息用于发送图片。
{
"msgtype": "image",
"room": "room1",
"sender": "user1",
"timestamp": 1694412000000,
"payload": {
"url": "https://example.com/image.jpg"
}
}
文件类消息用于发送文件。
{
"msgtype": "file",
"room": "room1",
"sender": "user1",
"timestamp": 1694412000000,
"payload": {
"url": "https://example.com/file.pdf"
}
}
import time
import socketio
sio = socketio.AsyncServer(async_mode="asgi", cors_allowed_origins="*")
def make_message(msg_type, sender, payload, room=None):
return {
"msgtype": msg_type,
"room": room,
"sender": sender,
"timestamp": int(time.time() * 1000),
"payload": payload
}
@sio.event
async def chat_message(sid, data):
msg = make_message("chat_message", sid, {"text": data})
await sio.emit("message", msg) # 广播
@sio.event
async def join_room(sid, room):
sio.enter_room(sid, room)
msg = make_message("room_event", "system", {"action": "join", "user": sid}, room)
await sio.emit("message", msg, room=room)
socket.on("message", (msg) => {
switch (msg.msgtype) {
case "chat_message":
console.log(`[${msg.sender}] 说: ${msg.payload.text}`);
break;
case "system_notice":
console.log(`系统通知: ${msg.payload.text}`);
break;
case "room_event":
console.log(`房间 ${msg.room} 事件: ${msg.payload.action} -> ${msg.payload.user}`);
break;
case "ack":
console.log(`ACK: ${msg.payload.status} (${msg.payload.msg})`);
break;
default:
console.warn("未知消息类型:", msg);
}
});
{
"msgtype": "chat_message",
"sender": "alice",
"timestamp": 1694412000000,
"payload": {
"text": "Hello World"
}
}
{
"msgtype": "chat_message",
"sender": "alice",
"timestamp": 1694412000500,
"payload": {
"text": "Hello World"
}
}
{
"msgtype": "command",
"sender": "bob",
"timestamp": 1694412000000,
"payload": {
"command": "create_room",
"args": {
"name": "room1"
}
}
}
2. 服务端响应:
```json
{
"msgtype": "ack",
"sender": "server",
"timestamp": 1694412000000,
"payload": {
"status": "ok",
"requestId": "abc123",
"msg": "房间 room1 创建成功"
}
}
1.客户端发送:
{
"msgtype": "room_event",
"sender": "alice",
"timestamp": 1694412000000,
"payload": {
"action": "join",
"user": "alice"
}
}
2.服务端响应:
{
"msgtype": "ack",
"sender": "server",
"timestamp": 1694412000000,
"payload": {
"status": "ok",
"requestId": "abc123",
"msg": "用户 alice 加入房间 room1"
}
}
3.服务端广播:
{
"msgtype": "room_event",
"room": "room1",
"sender": "server",
"timestamp": 1694412000000,
"payload": {
"action": "join",
"user": "alice"
}
}
1.客户端发送:
{
"msgtype": "room_event",
"sender": "alice",
"timestamp": 1694412000000,
"payload": {
"action": "leave",
"user": "alice"
}
}
2.服务端响应:
{
"msgtype": "ack",
"sender": "server",
"timestamp": 1694412000000,
"payload": {
"status": "ok",
"requestId": "abc123",
"msg": "用户 alice 离开房间 room1"
}
}
Socket.IO 是一个基于 WebSocket 的实时通信协议,它可以实现浏览器和服务器之间的双向通信。
Socket.IO 协议的实现主要依赖于两个部分:
如果你用 app = register_app(),然后用 uvicorn main:app 或者 config = uvicorn.Config(app, ...),这样启动的“app”是原生 FastAPI 实例,不包含 Socket.IO 的功能,所以前端 Socket.IO 客户端连接时不会触发 @sio.event 的回调!
解决方法:
你需要让 Uvicorn 启动的是 ASGI 的组合应用,即 sio_app,而不是纯 FastAPI 的 app。
import socketio
from fastapi import FastAPI
def register_app():
app = FastAPI()
# ...注册路由等...
return app
app = register_app()
sio = socketio.AsyncServer(async_mode='asgi', cors_allowed_origins='*')
sio_app = socketio.ASGIApp(sio, other_asgi_app=app)
# main.py 入口
if __name__ == "__main__":
import uvicorn
# 下面两种写法都可以
uvicorn.run(sio_app, host="0.0.0.0", port=8000)
# 或
# config = uvicorn.Config(sio_app, host="0.0.0.0", port=8000)
# server = uvicorn.Server(config)
# server.run()
注意:一定要启动的是 sio_app,不是 app!
你可以继续用 register_app() 组织你的 FastAPI 配置,但最终给 Uvicorn 的必须是 sio_app。
最后我们来看看再FastAPI项目上对接的例子通讯截图(尚未完工,持续改进优化中)。
服务端的信息截图
客户端信息截图
· 2025-09-28
18.1G · 2025-09-28
7.70G · 2025-09-28