C#实现前台与后台方法互调(C# 前台与后台方法互调实现详解)

原创

ithorizon 7个月前 (10-20) 阅读数 21 #后端开发

C# 前台与后台方法互调实现详解

一、引言

在现代软件开发中，前后端分离已经成为一种主流的开发模式。在这种模式下，前端负责用户界面展示，后端负责数据处理和业务逻辑。C# 作为一种强盛的后端开发语言，广泛应用于各种企业级应用程序。本文将详细介绍怎样在 C# 中实现前台与后台方法的互调，以便更好地实现前后端交互。

二、前后端分离的基本概念

前后端分离是指将前端（用户界面）和后端（数据处理和业务逻辑）分别自由开发，通过 HTTP 协议进行数据交互。在这种模式下，前端通常使用 HTML、CSS 和 JavaScript 等技术构建用户界面，而后端则使用诸如 C#、Java、Python 等语言实现业务逻辑。

三、C# 前台与后台方法互调的实现方案

C# 实现前台与后台方法互调重点有以下几种方案：

1. 使用 Web API

Web API 是一种轻量级的、基于 HTTP 的接口，可以实现前后端之间的数据交互。在 C# 中，我们可以使用 ASP.NET Core 来构建 Web API。下面是一个简洁的示例：


using Microsoft.AspNetCore.Mvc;
namespace WebApi.Controllers
{
    [ApiController]
    [Route("[controller]")]
    public class HomeController : ControllerBase
    {
        [HttpGet("GetMessage")]
        public IActionResult GetMessage()
        {
            return Ok("Hello from the Web API!");
        }
        [HttpPost("PostMessage")]
        public IActionResult PostMessage([FromBody] string message)
        {
            return Ok($"Message received: {message}");
        }
    }
}

在上面的示例中，我们定义了一个名为 HomeController 的控制器，其中包含两个方法：GetMessage 和 PostMessage。GetMessage 方法返回一个字符串，而 PostMessage 方法接收一个字符串作为参数，并返回接收到的消息。

2. 使用 SignalR

SignalR 是一个 ASP.NET 库，用于在服务器和客户端之间实现实时通信。使用 SignalR，我们可以轻松实现前台与后台方法的实时互调。下面是一个简洁的 SignalR 示例：


using Microsoft.AspNetCore.SignalR;
public class MyHub : Hub
{
    public async Task SendMessage(string user, string message)
    {
        await Clients.All.SendAsync("ReceiveMessage", user, message);
    }
}

在上面的示例中，我们定义了一个名为 MyHub 的 Hub 类，其中包含一个名为 SendMessage 的方法。这个方法接收两个参数：用户名和消息。当调用这个方法时，它会将消息发送给所有连接的客户端。

3. 使用 WebSocket

WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。在 C# 中，我们可以使用 WebSocket 实现前后端之间的实时通信。下面是一个简洁的 WebSocket 示例：


using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.WebSockets;
using System;
using System.Threading;
using System.Threading.Tasks;
public class WebSocketHandler
{
    public async Task HandleWebSocketConnectionAsync(HttpContext context, CancellationToken cancellationToken)
    {
        if (context.WebSockets.IsWebSocketRequest)
        {
            using (WebSocket webSocket = await context.WebSockets.AcceptWebSocketAsync())
            {
                await EchoWebSocket(webSocket, cancellationToken);
            }
        }
        else
        {
            context.Response.StatusCode = StatusCodes.Status400BadRequest;
        }
    }
    private async Task EchoWebSocket(WebSocket webSocket, CancellationToken cancellationToken)
    {
        var buffer = new byte[4096];
        while (!cancellationToken.IsCancellationRequested && webSocket.State == WebSocketState.Open)
        {
            var result = await webSocket.ReceiveAsync(new ArraySegment(buffer), cancellationToken);
            if (result.MessageType == WebSocketMessageType.Close)
            {
                await webSocket.CloseAsync(result.CloseStatus.Value, result.CloseStatusDescription, cancellationToken);
                break;
            }
            else
            {
                await webSocket.SendAsync(new ArraySegment(buffer, 0, result.Count), result.MessageType, result.EndOfMessage, cancellationToken);
            }
        }
    }
}

在上面的示例中，我们定义了一个名为 WebSocketHandler 的类，用于处理 WebSocket 连接。当接收到 WebSocket 请求时，它会创建一个 WebSocket 对象，并通过 EchoWebSocket 方法实现消息的接收和发送。

四、前后端交互示例

下面是一个简洁的示例，展示怎样使用 Web API 和 SignalR 实现前后端交互。

1. 前端代码（HTML + JavaScript）

前后端交互示例

2. 后端代码（ASP.NET Core）


using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.SignalR;
public class Startup
{
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddSignalR();
        services.AddControllers();
    }
    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }
        app.UseRouting();
        app.UseEndpoints(endpoints =>
        {
            endpoints.MapHub<MyHub>("/myHub");
            endpoints.MapControllers();
        });
    }
}
public class MyHub : Hub
{
    public async Task SendMessage(string user, string message)
    {
        await Clients.All.SendAsync("ReceiveMessage", user, message);
    }
}