意见箱
恒创运营部门将仔细参阅您的意见和建议,必要时将通过预留邮箱与您保持联络。感谢您的支持!
意见/建议
提交建议

JavaScript中怎么使用SignalR

来源:佚名 编辑:佚名
2024-05-10 14:08:35

SignalR 是一个能够实现实时通信的库,可以在 JavaScript 中通过 SignalR 来实现实时通信。下面是一个简单示例:

  1. 首先在 HTML 中引入 SignalR 的 JavaScript 文件:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/microsoft-signalr/5.0.7/signalr.min.js"></script>
  1. 创建一个 SignalR 连接并进行初始化:
const connection = new signalR.HubConnectionBuilder()
    .withUrl("/chatHub")
    .configureLogging(signalR.LogLevel.Information)
    .build();

connection.start().then(() => {
    console.log("SignalR connected");
}).catch(err => console.error(err));
  1. 定义 SignalR 事件处理程序:
connection.on("ReceiveMessage", (user, message) => {
    console.log(`${user}: ${message}`);
});
  1. 发送消息到 SignalR 服务端:
const sendMessage = (user, message) => {
    connection.invoke("SendMessage", user, message).catch(err => console.error(err));
}

在这个示例中,我们创建了一个 SignalR 连接并初始化,在连接成功后定义了一个接收消息的事件处理程序。然后我们可以通过调用 sendMessage 方法来向 SignalR 服务端发送消息。


JavaScript中怎么使用SignalR

本网站发布或转载的文章均来自网络,其原创性以及文中表达的观点和判断不代表本网站。
上一篇: SignalR在实时Web应用中有什么作用 下一篇: 如何构建SignalR应用程序