html聊天室API,FastAPI 二（简单的多人聊天室WebSocket）

简单的多人聊天室

1.复制官网代码并启动一个简单的服务

复制

现在不需要关注太多，只是熟悉一下FastApi

我现在复制并创建了一个名为main.py的文件，内容如下

from fastapi import FastAPI

from starlette.responses import HTMLResponse

from starlette.websockets import WebSocket

app = FastAPI()

html = """

Chat

WebSocket Chat

Send

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(content)

messages.appendChild(message)

};

function sendMessage(event) {

var input = document.getElementById("messageText")

ws.send(input.value)

input.value = ''

event.preventDefault()

}

"""

# @app.get("/")告诉FastAPI如何去处理请求

# 路径 /

# 使用get操作

@app.get("/")

async def get():

# 返回表单信息

return HTMLResponse(html)

@app.websocket("/ws")

async def websocket_endpoint(websocket: WebSocket):

await websocket.accept()

while True:

data = await websocket.receive_text()

await websocket.send_text(f"Message text was: {data}")

启动

打开cmd输入以下命令

uvicorn main:app --reload

Windows启动成功显示如下

(FastApi) C:\Users\admin\Desktop\FastAPI>uvicorn main:app --reload

�[32mINFO�[0m: Uvicorn running on �[1mhttp://127.0.0.1:8000�[0m (Press CTRL+C to quit)

�[32mINFO�[0m: Started reloader process [�[36m�[1m8532�[0m]

�[32mINFO�[0m: Started server process [�[36m1952�[0m]

�[32mINFO�[0m: Waiting for application startup.

�[32mINFO�[0m: Application startup complete.

群发

打开以下链接

http://localhost:8000/

如果一切顺利的话