html建立websocket连接websocket
时间: 2023-11-18 07:54:16 浏览: 153
html5 websocket 建立连接通讯
要建立 WebSocket 连接,需要在客户端使用 JavaScript 的 WebSocket API,同时在服务器端使用相应的 WebSocket 库。以下是建立 WebSocket 连接的基本步骤:
1. 在客户端使用 JavaScript 的 WebSocket API 创建 WebSocket 对象,指定要连接的服务器地址和端口号。
```javascript
var socket = new WebSocket("ws://localhost:8080");
```
2. 监听 WebSocket 对象的事件,包括连接成功、连接关闭、接收消息等事件。
```javascript
socket.onopen = function(event) {
console.log("WebSocket连接已打开");
};
socket.onmessage = function(event) {
console.log("接收到消息:" + event.data);
};
socket.onclose = function(event) {
console.log("WebSocket连接已关闭");
};
```
3. 在服务器端使用相应的 WebSocket 库,监听客户端的连接请求,并处理客户端发送的消息。
```python
import asyncio
import websockets
async def handle(websocket, path):
print("WebSocket连接已建立")
async for message in websocket:
print("接收到消息:" + message)
await websocket.send("已收到消息:" + message)
start_server = websockets.serve(handle, "localhost", 8080)
asyncio.get_event_loop().run_until_complete(start_server)
asyncio.get_event_loop().run_forever()
```
阅读全文