C#中间件与前端框架的WebSocket通信

在C#中，可以使用ASP.NET Core来创建一个支持WebSocket通信的中间件。ASP.NET Core是一个跨平台的开源框架，用于构建现代化的云优化Web应用程序。它提供了一个简单的方式来处理WebSocket连接和消息。

要在C#中间件中实现WebSocket通信，首先需要安装Microsoft.AspNetCore.WebSockets包。然后，可以创建一个中间件来处理WebSocket请求。以下是一个简单的示例：

using System;
using System.Net.WebSockets;
using System.Threading;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Http;

public class WebSocketMiddleware
{
    private readonly RequestDelegate _next;

    public WebSocketMiddleware(RequestDelegate next)
    {
        _next = next;
    }

    public async Task InvokeAsync(HttpContext context)
    {
        if (context.WebSockets.IsWebSocketRequest)
        {
            using var webSocket = await context.WebSockets.AcceptWebSocketAsync();
            await HandleWebSocketConnection(webSocket);
        }
        else
        {
            await _next(context);
        }
    }

    private async Task HandleWebSocketConnection(WebSocket webSocket)
    {
        var buffer = new byte[1024 * 4];
        var result = await webSocket.ReceiveAsync(new ArraySegment<byte>(buffer), CancellationToken.None);

        while (!result.CloseStatus.HasValue)
        {
            // Process the received message
            var message = System.Text.Encoding.UTF8.GetString(buffer, 0, result.Count);
            Console.WriteLine($"Received message: {message}");

            // Send a response to the client
            var response = "Message received";
            var responseBytes = System.Text.Encoding.UTF8.GetBytes(response);
            await webSocket.SendAsync(new ArraySegment<byte>(responseBytes), WebSocketMessageType.Text, true, CancellationToken.None);

            result = await webSocket.ReceiveAsync(new ArraySegment<byte>(buffer), CancellationToken.None);
        }

        await webSocket.CloseAsync(result.CloseStatus.Value, result.CloseStatusDescription, CancellationToken.None);
    }
}

要在前端框架（如React、Angular或Vue）中与此中间件进行WebSocket通信，可以使用浏览器内置的WebSocket API。以下是一个简单的JavaScript示例，展示了如何连接到WebSocket服务器并发送/接收消息：

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

socket.addEventListener('open', (event) => {
  console.log('WebSocket connection opened:', event);

  // Send a message to the server
  socket.send('Hello, server!');
});

socket.addEventListener('message', (event) => {
  console.log('Message from server:', event.data);
});

socket.addEventListener('close', (event) => {
  console.log('WebSocket connection closed:', event);
});

socket.addEventListener('error', (event) => {
  console.error('WebSocket error:', event);
});

这个示例中的WebSocket URL（‘ws://localhost:5000/ws’）需要根据你的ASP.NET Core应用程序的实际地址进行修改。在实际应用中，你可能还需要处理重新连接、心跳检测等高级功能。