正文

C#WebSocket跨域资源共享配置详解：轻松实现前后端数据交互无障碍

/0 浏览量
0626

在Web开发中，WebSocket技术因其全双工通信的特性，被广泛应用于实时数据交互。然而，在实现WebSocket通信时，跨域资源共享（CORS）问题往往是一个挑战。本文将详细讲解如何在C#中配置WebSocket跨域资源共享，以实现前后端数据交互的无障碍。

一、什么是CORS？

跨域资源共享（CORS）是一种机制，它允许Web应用从不同的源上请求资源。简单来说，就是浏览器为了安全考虑，限制了不同源之间的交互。当WebSocket请求来自不同的源时，浏览器会自动阻止这种请求，除非服务器明确允许。

二、C#中配置CORS

在C#中，配置WebSocket跨域资源共享主要涉及以下几个步骤：

1. 创建WebSocket服务器

首先，我们需要创建一个WebSocket服务器。以下是一个简单的示例代码：

using System;
using System.Net;
using System.Net.Sockets;
using System.Text;
using System.Threading.Tasks;

public class WebSocketServer
{
    private TcpListener _listener;
    private const int Port = 8080;

    public WebSocketServer()
    {
        _listener = new TcpListener(IPAddress.Any, Port);
    }

    public void Start()
    {
        _listener.Start();
        Console.WriteLine("WebSocket服务器启动，监听端口：" + Port);
        while (true)
        {
            var client = _listener.AcceptTcpClient();
            Task.Run(() => HandleClient(client));
        }
    }

    private void HandleClient(TcpClient client)
    {
        // 处理客户端连接
    }
}

2. 配置CORS

在处理客户端连接时，我们需要添加CORS配置。以下是一个示例代码：

private void HandleClient(TcpClient client)
{
    var buffer = new byte[1024];
    var length = client.GetStream().Read(buffer, 0, buffer.Length);
    var request = Encoding.UTF8.GetString(buffer, 0, length);

    // 检查是否为WebSocket连接请求
    if (request.Contains("Upgrade: websocket"))
    {
        // 设置CORS响应头
        var responseHeaders = new StringBuilder();
        responseHeaders.AppendLine("HTTP/1.1 101 Switching Protocols");
        responseHeaders.AppendLine("Upgrade: websocket");
        responseHeaders.AppendLine("Connection: Upgrade");
        responseHeaders.AppendLine("Access-Control-Allow-Origin: *");
        responseHeaders.AppendLine("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");
        responseHeaders.AppendLine("Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS");

        // 发送CORS响应
        var response = Encoding.UTF8.GetBytes(responseHeaders.ToString());
        client.GetStream().Write(response, 0, response.Length);

        // 继续处理WebSocket连接
    }
}

3. 客户端连接

在客户端，我们需要使用WebSocket连接到服务器。以下是一个示例代码：

using System;
using System.Net.WebSockets;
using System.Threading.Tasks;

public class WebSocketClient
{
    private const string Url = "ws://localhost:8080";

    public async Task Connect()
    {
        var client = new ClientWebSocket();
        await client.ConnectAsync(new Uri(Url), CancellationToken.None);

        // 发送消息
        var message = Encoding.UTF8.GetBytes("Hello, server!");
        await client.SendAsync(new ArraySegment<byte>(message), WebSocketMessageType.Text, true, CancellationToken.None);

        // 接收消息
        var buffer = new byte[1024];
        var result = await client.ReceiveAsync(new ArraySegment<byte>(buffer), CancellationToken.None);
        var response = Encoding.UTF8.GetString(buffer, 0, result.Count);
        Console.WriteLine("服务器响应：" + response);

        // 关闭连接
        await client.CloseAsync(WebSocketCloseStatus.NormalClosure, string.Empty, CancellationToken.None);
    }
}

三、总结

通过以上步骤，我们可以在C#中配置WebSocket跨域资源共享，实现前后端数据交互的无障碍。在实际开发中，您可以根据具体需求调整CORS配置，以满足不同的业务场景。

-- 展开阅读全文 --