概述
Signaleries 是一个前端使用的,可以快速进行消息推送和通知的库。使用者可以在浏览器端和服务端使用 Signaleries,而且 Signaleries 还提供了多种消息推送方式,比如 WebSocket 和 SignalR 等等。
安装
在使用之前,我们需要先安装 npm 包 signaleries。在终端中,执行以下命令即可:
npm install signaleries --save
这里我们使用了 save 选项将包信息保存到了项目的 package.json 中。
使用
安装完成后,我们就可以来使用 Signaleries 了。下面是一个简单的示例:
-- -------------------- ---- ------- ------ - -------------------- - ---- ------------------ ----- ---------- - ---------------------- ------------------ --------- ------------------ -------- -- - ----------------------- ---------- ------------------------------- ------ -------- -- - -------------------- ---- ------------- --- -- ----------------------
以上代码演示了 SignalR 连接服务器,传递参数 /myhub 和接收服务器发送的消息等功能。
深入
SignalR 的连接
在使用 SignalR 时,首先需连接到一个 SignalR 服务器。连接的方式可以是多样化的,你可以通过 SignalR 的入口地址来连接,也可以自定义 SignalR 的连接方式。
在以上示例中,我们使用了 withUrl('/myhub') 方法来指定连接的 SignalR 地址。
SignalR 事件
SignalR 具有 on 和 invoke 方法,用于监听和触发指定名称的事件。例如,在上例中,我们使用 connection.on('ReceiveMessage', ...) 方法来监听发送事件,使用 connection.invoke('SendMessage', ...) 方法来触发发送事件。
注意:在监听 SignalR 事件时,需要确保事件名称大小写与服务器端一致,否则事件将不会被触发。
总结
Signaleries 能够快速的实现前端消息推送和通知功能,适用于多种接入方案和场景。在使用中,我们需要注意信号通道的名称一致性,以及对事件进行监听和触发等操作,从而实现消息的传递和交互。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60067357890c4f7277583d80