前言
SignalR 是一个开源的 ASP.NET 应用程序框架，可以在 Web 应用程序中添加实时 web 功能。而 signalr-service 则是一个 npm 包，它可以让前端开发者更加方便地使用 SignalR。
安装
使用 npm 可以方便地进行安装。
npm install signalr-service
使用方法
代码示例：
-- -------------------- ---- ------- ------ -------------- ---- ----------------- ----- -------------- - --- ----------------------------------------- ---------------------------- -- -- - -------------------- ----------- -- --------------------------------- -- -- - -------------------- -------------- -- ------------------------------- -- -- - -------------------- ------------ -- -------------------------------------- -- -- - -------------------- ---------- -------- -- -------------------------- ------- -- - -------------------- -- ------------------------------ -- - -------------------- --------- ---------------- -- - -------------------- --
以上代码演示了基本的 SignalRService 的使用方法。我们可以定义信号连接成功、正在连接、连接关闭、连接失败和连接异常等事件的处理函数。同时可以调用 start 方法来启动信号。
深入学习
信号的发送和接收
SignalRService 有两种发送和接收消息的方式。
第一种是使用 server-side 方法。通过 SignalR 的 Hub 类和 JavaScript 交互。定义一个 Hub 类并实现相应的方法。在前端代码中使用 SignalRService 实例来调用服务器方法。
第二种是使用 SignalRService 实例绑定自定义的消息处理函数。当服务器发送到信号时，可以在前端应用程序中使用 signalRService.invoke 方法发出消息。例如, 发送 chatMessage 消息：
signalRService.invoke('chatMessage', `Hello, ${userName}!`)当处理接收到的 chatMessage 消息时， SignalRService 会自动调用与此消息名称相对应的处理函数。
signalRService.on('chatMessage', (message) => {
console.log(message)
})Promise 和 Async/await
我们可以使用 Promise 和 async/await 来更好地处理 SignalRService 的异步操作。例如，可以通过观察到连接的成功和失败来等待启动 SignalRService：
async function startSignalR(signalRService) {
await signalRService.start()
console.log('SignalR started')
}
startSignalR(signalRservice)HTTPS 支持
默认情况下，SignalRService 将使用 WebSocket 协议来进行信号传输。然而，如果您的站点使用的是 HTTPS 协议，则需要使用长轮询或 Server-Sent Events (SSE) 作为备用传输。可以使用 useSSE 和 useLongPolling 方法来选择备用传输方式。
signalRService.useSSE()
其他
SignalRService 还可以传递 token，用于身份验证，也可以将 Query String 参数传递给服务器端事件。
signalRService.withAccessToken(accessToken) signalRService.withQueryString(queryString)
结论
signalr-service 是一个强大的 npm 包，可以让您更轻松地使用 SignalR，在前端应用程序和后端服务器之间建立实时消息传递。通过学习信号的使用方法和相关的知识，您可以更好地了解和使用 SignalR，并为您的项目带来更多的价值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fa281e8991b448dcf6e