FastAPI 学习之路（四十四）WebSockets

原创

已于 2024-07-11 17:35:18 修改 · 781 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#fastapi

于 2024-07-11 17:34:59 首次发布

我们之前的分析都是基于http的请求，那么如果是websockets可以支持吗，答案是可以的，我们来看下是如何实现的。

from fastapi import WebSocket, FastAPI
from fastapi.responses import HTMLResponse

app = FastAPI()

html = """

<!DOCTYPE html>

<html>

    <head>

        <title>Chat</title>

    </head>

    <body>

        <h1>WebSocket 聊天</h1>

        <form action="" onsubmit="sendMessage(event)">

            <input type="text" id="messageText" autocomplete="off"/>

            <button>Send</button>

        </form>

        <ul id='messages'>

        </ul>

        <script>

            var ws = new WebSocket("ws://localhost:8000/ws");

            ws.onmessage = function(event) {

                var messages = document.getElementById('messages')

                var message = document.createElement('li')

                var content = document.createTextNode(event.data)

                message.appendChild(conten