服务器重新启动时重新启动JavaScript网络套接字-为什么此代码会重新启动多个网络套接字



我正试图在服务器关闭的websocket连接后自动重新启动。

当我在浏览器中打开页面时;http://127.0.0.1:5082/"。websocket计数器向上计数;消息";显示。

当我关闭服务器时;关闭";出现,则";启动/关闭";候补

当我再次打开服务器时,有几十个websocket在运行,调试消息在";消息";以及";关闭";

如何确保一次只有一个websocket连接处于活动状态?

最小的例子,使用Python的FastAPI作为服务器:

index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Websocket test</title>
</head>
<body>
<div id="container">
OK - wait for websocket
</div>
<hr noshade>
<div id="debug">
Some debug text here
</div>
<script>
var debug_container = document.getElementById("debug")
debug_container.innerHTML = "Debug: Javascript is running"
function my_websocket() {
debug_container.innerHTML = "starting"
var ws = new WebSocket("ws://localhost:5082/ws")
ws.addEventListener('message', function (event) {
debug_container.innerHTML = "message"
var container = document.getElementById("container")
container.innerHTML = event.data
})
ws.addEventListener('open', function (event) {
debug_container.innerHTML = "open"
})
ws.addEventListener('close', function (event) {
debug_container.innerHTML = "close";
setInterval(my_websocket, 5000);
})
ws.addEventListener('error', function (event) {
debug_container.innerHTML = "error"
})
}
my_websocket()
</script>
</body>
</html>

网络套接字由Python FastAPI服务器提供服务

import uvicorn
import websockets
from fastapi import FastAPI, WebSocket
from fastapi.responses import HTMLResponse
from pathlib import Path
import asyncio
app = FastAPI()

@app.get('/')
def index():
return HTMLResponse(Path("index.html").read_text())

@app.websocket("/ws")
async def websocket_endpoint(websocket: WebSocket):
await websocket.accept()
cnt = 1
while True:
cnt += 1
try:
await websocket.send_text(f"{cnt}")
except websockets.exceptions.ConnectionClosedOK:
break
await asyncio.sleep(0.25)
if __name__ == '__main__':
uvicorn.run(app=app, host="0.0.0.0", port=5082)

客户端建立多个websocket连接的原因是由于以下代码:

ws.addEventListener('close', function (event) {
debug_container.innerHTML = "close";
setInterval(my_websocket, 5000);
})

使用setInterval会使它每5秒创建一个新的websocket连接。我想你应该改为使用setTimeout((。

最新更新