从服务器端取消上传进度：使用 SignalR 的详细指南

javascript

2024-03-02 18:22:15

## 在服务器端使用 SignalR 取消上传进度

简介

在开发实时应用程序时，有时需要在服务器端取消正在进行的上传。SignalR 提供了一种在客户端和服务器端之间建立实时连接的简单方法，使服务器端能够控制客户端操作，包括取消上传。

解决方案概述

要实现从服务器端取消上传进度，需要在客户端和服务器端进行以下设置：

## 客户端设置

- 建立 SignalR 连接： 使用 JavaScript 库或 SignalR SDK 建立一个 SignalR 连接，允许客户端和服务器端进行通信。

- 定义取消函数： 定义一个 JavaScript 函数来调用服务器端的取消函数，取消上传进度。

## 服务器端设置

- 创建 SignalR 集线器： 创建并注册一个 SignalR 集线器，将客户端连接到服务器端。

- 定义服务器端函数： 在集线器中定义一个服务器端函数来取消上传进度。

- 跟踪取消状态： 使用静态字段或依赖注入（DI）服务来跟踪上传是否已取消。

## 步骤指南

1. 客户端调用服务器端函数： 当用户单击取消按钮时，调用之前定义的客户端函数来触发服务器端的取消操作。

2. 服务器端取消上传： 在服务器端函数中，将跟踪取消状态的标志设置为 true，指示上传已取消。

3. 客户端处理取消事件： 客户端会收到一个 SignalR 更新通知，并检查跟踪取消状态的标志。如果上传已取消，则停止上传过程并通知用户。

## 替代解决方案：依赖注入（DI）

使用静态字段来跟踪取消状态可能存在并发问题。一种替代方法是使用依赖注入（DI）来创建和管理一个服务，该服务可以跟踪取消状态。

在 DI 解决方案中，应用程序创建一个服务接口，声明一个方法来取消上传进度。然后在 Startup 类中使用 DI 容器注册服务实现。在服务器端函数中，从 DI 容器中获取服务并调用取消方法。

这种方法消除了静态字段的并发问题，并提供了更灵活和可测试的解决方案。

## 代码示例

客户端 JavaScript：

// 取消函数
function cancelUpload() {
    signalRProxy.invoke("CancelUpload");
}

服务器端 C#：

// 服务接口
public interface ICancelService
{
    void Cancel();
}

// 服务实现
public class CancelService : ICancelService
{
    private bool _isCancelled;

    public void Cancel()
    {
        _isCancelled = true;
    }
}

// SignalR 集线器
public class UploadHub : Hub
{
    private readonly ICancelService _cancelService;

    public UploadHub(ICancelService cancelService)
    {
        _cancelService = cancelService;
    }

    public void CancelUpload()
    {
        _cancelService.Cancel();
    }
}