有勇气的牛排博客
☰

websockets长连接通信介绍与Python、js实现

有勇气的牛排 717 Python 2023-06-27 21:42:43

文章目录

1 前言

WebSocket是一种在Web应用程序中实现双向通信的协议。它提供了一种在客户端和服务器之间进行实时数据传输的方式，允许服务器主动向客户端推送消息，而不需要客户端首先发送请求。

以下是WebSocket的一些详细介绍：

  1. 建立连接：WebSocket连接是通过HTTP升级实现的。客户端首先发送一个HTTP请求，包含特殊的请求头字段，指示要升级到WebSocket协议。服务器接收到这个请求后，如果支持WebSocket，会返回一个HTTP响应，表示升级成功。之后，客户端和服务器之间建立起全双工的WebSocket连接。
  2. 双向通信：一旦WebSocket连接建立成功，客户端和服务器之间就可以进行双向通信。客户端可以随时向服务器发送消息，服务器也可以随时向客户端推送消息，而不需要客户端首先发起请求。这种实时的双向通信使得WebSocket非常适合实时聊天应用、实时数据更新和推送通知等场景。
  3. 持久连接：与传统的HTTP请求-响应模式不同，WebSocket连接是持久的，即在建立连接后保持活动状态。这避免了频繁的连接和断开操作，减少了通信的开销，并且在数据传输过程中不需要重复建立连接，提供了更高效的通信机制。
  4. 低延迟：WebSocket通过使用轻量级的数据帧格式和二进制传输，实现了较低的延迟。相比传统的HTTP请求-响应模式，在WebSocket中可以更快速地进行实时数据传输，减少了通信的延迟。
  5. 支持跨域：WebSocket支持跨域通信，即在不同域名或不同端口之间进行通信。通过在服务器端进行适当的配置，WebSocket可以在不受同源策略限制的情况下实现跨域通信。

总结起来，WebSocket提供了一种在Web应用程序中实现实时、双向通信的机制。它的特点包括建立连接的协议升级、双向通信、持久连接、低延迟和跨域支持，使得它成为构建实时Web应用和推送通知的重要工具。

哈喽，大家好，我是[有勇气的牛排]（CSDN/公众号同名）🐮🐮🐮

有问题的小伙伴欢迎在文末[评论，点赞、收藏]是对我最大的支持！！！。

2 服务端

2.1 Python 实现

# -*- coding: utf-8 -*-

import asyncio
import websockets
import json

async def handle(websocket):
    print('连接成功')

    while True:
        data = await websocket.recv()
        data = json.loads(data)
        
		# 回复默认消息给客户端
        response = "你好，这里是服务端"
        await websocket.send(response)


async def run(websocket):
    while True:
        try:
            await handle(websocket)
        except websockets.ConnectionClosed:
            print('断开连接')
            break


if __name__ == '__main__':
    MyConfig().logger.info("666")
    server_host, server_port = "127.0.0.1", 5000
    print(f"run with {server_host}:{server_port}...")

    asyncio.get_event_loop().run_until_complete(websockets.serve(run, server_host, server_port))
    asyncio.get_event_loop().run_forever()

3 客户端

3.1 Python 实现

# -*- coding:utf-8 -*-

import asyncio
import websockets

server_host = 'ws://127.0.0.1:51000'

async def connect_websocket():
    async with websockets.connect(server_host) as websocket:
        print('WebSocket 连接已建立')

        # 接收消息来自客户端
        message = await websocket.recv()
        print('接收到服务器消息:', message)
        
        data = {
            'status': 1,
            'msg': 'success'
        }

        # 发送消息 到 客户端
        await websocket.send(json.dumps(data))

        # 关闭连接
        await websocket.close()
        print('WebSocket 连接已关闭')


# 运行 WebSocket 客户端
asyncio.get_event_loop().run_until_complete(connect_websocket())

3.2 js 实现

const server_host = 'ws://127.0.0.1:5000';
const socket = new WebSocket(server_host);


// 连接成功时触发
socket.onopen = function() {
  console.log("Connected to WebSocket server");

  // 发送消息给服务器
  const message = "Hello, Server!";
  socket.send(message);
  console.log("Sent:", message);
};

// 接收到消息时触发
socket.onmessage = function(event) {
  const message = event.data;
  console.log("Received:", message);

  // 在此处添加处理接收到的消息的逻辑
};

// 连接关闭时触发
socket.onclose = function() {
  console.log("Disconnected from WebSocket server");
};

https://www.couragesteak.com/article/440

留言

专栏
文章
加入群聊
程序员兼职接单交流
编程交流