.NET7 Blazor WASM中如何修改Azure IoT Hub ModuleClient默认HttpHandler

核心结论 #

无法直接配置Microsoft.Azure.Devices.Client改用HttpClientHandler解决问题。该库底层基于AMQP/MQTT协议通信，依赖SocketsHttpHandler，但Blazor WASM运行在浏览器沙箱中，受浏览器安全策略限制无法直接使用Socket相关功能，这才是抛出PlatformNotSupportedException的根本原因。

为什么托管式WASM没解决问题 #

你通过dotnet new blazorwasm --hosted创建的托管式项目，前端WASM部分仍运行在浏览器环境中，沙箱限制依然存在。如果IoT Hub连接代码还是写在WASM客户端项目里，自然会继续报错。正确做法是把IoT Hub交互逻辑移到托管式项目的Server（API服务器）部分，再由Blazor客户端调用后端API间接完成通信。

具体实现步骤 #

1. 在Server项目中安装依赖 #

在托管式项目的Server项目里，安装Microsoft.Azure.Devices.Client NuGet包：

dotnet add package Microsoft.Azure.Devices.Client

2. 编写Server端API控制器 #

创建API控制器封装IoT Hub模块的连接及操作逻辑：

using Microsoft.AspNetCore.Mvc;
using Microsoft.Azure.Devices.Client;

[ApiController]
[Route("api/iothub")]
public class IoTHubController : ControllerBase
{
    [HttpPost("module/connect")]
    public async Task<IActionResult> ConnectModule(string connectionString)
    {
        try
        {
            using var moduleClient = ModuleClient.CreateFromConnectionString(connectionString);
            await moduleClient.OpenAsync();
            // 可添加模块初始化逻辑，比如注册消息回调、获取孪生数据等
            return Ok("模块连接成功");
        }
        catch (Exception ex)
        {
            return BadRequest($"连接失败：{ex.Message}");
        }
    }

    // 可扩展其他操作，比如发送设备消息、接收云到设备消息等
}

3. Blazor客户端调用后端API #

在Blazor客户端组件中，通过HttpClient调用Server端API：

@inject HttpClient Http

<button @onclick="ConnectToIoTHub">连接IoT Hub模块</button>
<div>@status</div>

@code {
    private string status = "";
    private readonly string _moduleConnectionString = "HostName=test;SharedAccessKeyName=test;SharedAccessKey=test;deviceId=test;moduleId=test";

    private async Task ConnectToIoTHub()
    {
        try
        {
            var encodedConnStr = Uri.EscapeDataString(_moduleConnectionString);
            var response = await Http.PostAsync($"api/iothub/module/connect?connectionString={encodedConnStr}", null);
            response.EnsureSuccessStatusCode();
            status = await response.Content.ReadAsStringAsync();
        }
        catch (Exception ex)
        {
            status = $"操作失败：{ex.Message}";
        }
    }
}

备选方案：使用IoT Hub REST API #

如果一定要在Blazor客户端直接交互，只能通过IoT Hub的REST API，利用浏览器的HttpClient调用。但REST API仅支持部分功能（如发送消息、获取孪生数据），无法替代客户端库的完整能力（如AMQP/MQTT双向通信、消息回调等）。

内容的提问来源于stack exchange，提问作者CrazyEight