Asp.Net Core SignalR JavaScript客户端重新连接

客官°小女子只卖身不卖艺 2021-12-15 00:23 309阅读 0赞

**一、Asp.Net Core SingalR JavaScript客户端当前版本 1.1.4**

注：Asp.Net SignalR 的客户端和 Asp.Net Core 的版本不同，目前不能通用。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTExMjcwMTk_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTExMjcwMTk_size_16_color_FFFFFF_t_70 1][]

**二、当前版本的客户端，没有自动重新连接功能，需要自己处理重新连接。**

在3.0之前，SignalR的JavaScript客户端不会自动重新连接。您必须编写将手动重新连接客户端的代码。

以下代码演示了典型的手动重新连接方法：

1.  创建一个函数（在本例中为`start`函数）以启动连接。
2.  `start`在连接的`onclose`事件处理程序中调用该函数。

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

在放弃之前，真实世界的实现将使用指数退避或重试指定的次数。

//处理链接关闭情况，onclose监听服务器断开和客户端主动断开  ，try catch 监听服务器无法访问等
            //在实际应用中，重新连接超过指定次数后放弃
            async function start() {
                try {
                    await connection.start();
                    console.log("connected");
                } catch (err) {
                    console.log(err);
                    setTimeout(() => start(), 5000);
                }
            };
            start();
            connection.onclose(async () => {
                console.info('监听到链接关闭');
                await start();
            });

更多客户端使用说明：

[https://docs.microsoft.com/en-us/aspnet/core/signalr/javascript-client?view=aspnetcore-2.2][https_docs.microsoft.com_en-us_aspnet_core_signalr_javascript-client_view_aspnetcore-2.2]

[Asp.Net Core SignalR获取集线器实例，从集线器外部发送消息][Asp.Net Core SignalR]

[Asp.Net Core 2.0使用SignalR技术-入门][Asp.Net Core 2.0_SignalR_-]

[小程序WebSocket 简单实例一][WebSocket]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTExMjcwMTk_size_16_color_FFFFFF_t_70]: /images/20211214/5d7b7bd110ed42c39f7c367b13bcda77.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTExMjcwMTk_size_16_color_FFFFFF_t_70 1]: /images/20211214/c225171301484d1ca5dda92b16a0ab3e.png
[https_docs.microsoft.com_en-us_aspnet_core_signalr_javascript-client_view_aspnetcore-2.2]: https://docs.microsoft.com/en-us/aspnet/core/signalr/javascript-client?view=aspnetcore-2.2
[Asp.Net Core SignalR]: https://blog.csdn.net/u011127019/article/details/90812008
[Asp.Net Core 2.0_SignalR_-]: https://blog.csdn.net/u011127019/article/details/90789812
[WebSocket]: https://blog.csdn.net/u011127019/article/details/91597197