网站发布后未找到 SignalR 集线器

Question

我有一个 ASP.Net Core 3.1 WebApp，其中包括 Razor Pages、Api 控制器和 SignalR 集线器。我的Startup.cs 看起来像这样：

public void ConfigureServices(IServiceCollection services)
{
    services.AddControllers();
    services.AddRazorPages();
    services.AddSignalR(options =>
    {
        options.EnableDetailedErrors = true;
    });
    services.AddMvc();
    services.AddSingleton<HubManager>();
}

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    app.UseDeveloperExceptionPage();
    app.UseAuthentication();
    app.UseHttpsRedirection();
    app.UseStaticFiles();
    app.UseRouting();
    app.UseAuthorization();
    app.UseEndpoints(endpoints =>
    {
        endpoints.MapRazorPages();
        endpoints.MapControllers();
        endpoints.MapHub<MainHub>("/MainHub");
    });
}

在我的 razor 页面中，我在脚本末尾添加以下内容：

<script src="~/js/signalr//dist//browser/signalr.js"></script>
<script src="~/js/HubManager.js"></script>

HubManager.js 看起来像这样：

const connection = new signalR.HubConnectionBuilder()
    .withUrl("/MainHub", {
        skipNegotiation: true,
        transport: signalR.HttpTransportType.WebSockets
    })
    .configureLogging(signalR.LogLevel.Information)
    .withAutomaticReconnect()
    .build();

async function start() {
    try {
        await connection.start();
        console.log("connected");
    } catch (err) {
        console.log(err);
        setTimeout(() => start(), 5000);
    }
};

connection.onclose(async () => {
    await start();
});

start();

然后我发布 web 应用程序并导航到使用 SignalR（使用 Chrome）的页面。但是当我检查控制台时，我看到 SignalR 每隔 1 秒就轮询一次，并且这个错误一直显示：

signalr.js:4709 WebSocket 连接到“wss://myurl/MainHub”失败：WebSocket 握手期间出错：意外响应代码：404

HubManager.js:61 错误：传输出现错误。 在 WebSocket.webSocket.onerror (signalr.js:4728)

• https://myurl/MyWebApp/Home/MyPage
• https://myurl/MyWebApp/js/signalr/dist/browser/signalr.js
• wss://myurl/MainHub

Websockets 协议安装在服务器上。那么问题可能是什么呢？

Answer 1

WebSocket 连接到“wss://myurl/MainHub”失败：WebSocket 握手期间出错：意外响应代码：404

如果我将 ASP.NET Core 应用程序作为 IIS 子应用程序“MyWebApp”托管，但未在 SignalR JavaScript 客户端使用子应用程序的路径库设置 URL，我可以重现相同的问题。

要使其与 IIS 子应用程序一起使用，您可以尝试如下修改代码，然后将其重新发布到您的 IIS 服务器。

const connection = new signalR.HubConnectionBuilder()
    .withUrl("/MyWebApp/MainHub", {
        skipNegotiation: true,
        transport: signalR.HttpTransportType.WebSockets
    })
    .configureLogging(signalR.LogLevel.Information)
    .withAutomaticReconnect()
    .build();