NetCore SignalR 重连逻辑实现

1-配置连接

var connection = new signalR.HubConnectionBuilder() 
        .withUrl("http://localhost:5000/doopstream") 
        //重连函数，参数是重连间隔时间，单位毫秒
        .withAutomaticReconnect([0, 3000, 5000, 10000, 15000, 30000])
        .configureLogging(signalR.LogLevel.Information)
        .build();

2-启动逻辑

//启动模块
    async function start(){ 
        connection.start().then(()=>getdata()).catch(err => {
        var msg="strat:"+err.toString();
        console.error(msg);
        setTimeout(()=>start(),5000);
    });
    }
    //触发启动
   start();

3-重连成功后的处理逻辑

//重连成功后的处理机制
    connection.onreconnected((connectionId)=>{
        
        console.log("onreconnected:"+connectionId);
        getdata();
    });

4-连接关闭后的处理逻辑

//连接关闭后的处理机制
    connection.onclose(async (error)=>{
        var msg="close:"+error.toString();
        console.error(msg);
         await start();
    });

5-数据接收处理逻辑

/接收数据逻辑
function getdata() {
        console.log("connected");
        connection.invoke("Subscribe", 'test').catch(err => console.error(err.toString()));
        connection.on("Receive", function (ch, message) {
            console.log(message);
            var p = document.createElement("p");
            p.innerHTML = ch + '#' + message;
            var div = document.getElementById("div");
            div.appendChild(p);
        }); 
    };

PS:SignalR js 库需要用 @microsoft/signalr@3.x.x 库，不然没有 withAutomaticReconnect 这个函数

6-参考文档

https://docs.microsoft.com/zh-cn/aspnet/core/signalr/javascript-client?view=aspnetcore-3.1

PS:不知道是我的理解能力太差了，还是微软的中文文档没写好，折腾了一小会搞懂了，记录一下