FastAPI学习-31 FastAPI 如何集成 socket.io

最新推荐文章于 2024-04-28 16:03:45 发布

上海-悠悠

最新推荐文章于 2024-04-28 16:03:45 发布

阅读量1k

点赞数 27

分类专栏： FastAPI 文章标签： fastapi 学习

本文链接：https://blog.csdn.net/qq_27371025/article/details/136181696

版权

FastAPI 专栏收录该内容

30 篇文章 2 订阅

订阅专栏

前言

socket.io就是基于 websocket 封装的一个库，主要特点是能够进行实时的双向通讯，主要应用场景有实时的聊天，数据实时分析，数据传输，文件协同合作。

有个 socket.io 的fastapi-socketio官方库，该库依赖传统的 python-socketio 库

环境准备

pip install fastapi-socketio

fastapi 服务端代码demo

from fastapi import FastAPI
from fastapi_socketio import SocketManager
import uvicorn
 
app = FastAPI()
socket_manager = SocketManager(app=app, mount_location="/ws")
 
@socket_manager.on('connect',namespace="/ws")
async def connect(sid, environ):
    print(sid)
    print(environ)
 
 
if __name__ == "__main__":
    uvicorn.run(app, host="localhost", port=8000)

web 前端页面

<!DOCTYPE html>
<html>
<head>
    <title>web</title>
    <meta charset="UTF-8">
    <script type="text/javascript" src="/static/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/socket.io/1.5.1/socket.io.min.js"></script>

</head>
<body>
    <div id="terminal"></div>
</body>
<script>
$(document).ready(function () {
  // 连接服务器
  const socket = io('ws://localhost:8000/ws', {
      transports: ['websocket'],
      path:'/ws/socket.io'
    });

  // 连上后console输出
  socket.on("connect",
      () => { console.log("Connected", socket.id)
  });

})
</script>
</html>

如果服务器出现报错：The client is using an unsupported version of the Socket.IO or Engine.IO protocols (further occurrences of this error will be logged with level INFO)

说明fastapi-socketio 与 js版本客户端不匹配，二者不能正常通信。兼容版本说明

匹配正确版本

先查看安装的 python-socketio 和 python-engineio 版本，版本有点高，于是我降级了一下版本

pip install --upgrade python-engineio==3.13.2
pip install --upgrade python-socketio==4.6.0

socket.io.min.js版本也需要找到对应的https://cdn.bootcss.com/socket.io/1.5.1/socket.io.min.js

全部的 socket.io.js 版本可以在这个地址找到https://cdn.socket.io/

版本匹配后，重新启动服务就可以看到客户端连接服务端成功，输出日志

服务端也启动正常

上海-悠悠

关注

27
点赞
踩
21

收藏

觉得还不错? 一键收藏
0
评论
FastAPI学习-31 FastAPI 如何集成 socket.io

socket.io就是基于 websocket 封装的一个库，主要特点是能够进行实时的双向通讯，主要应用场景有实时的聊天，数据实时分析，数据传输，文件协同合作。
复制链接

扫一扫