在 NuGet 包管理器中，搜索 Microsoft.AspNet.SignalR 并安装它
SignalR 使用 Hub 来处理客户端与服务器之间的通信。你可以创建一个 SignalR Hub 类，它会处理客户端和服务器之间的实时消息传递。
在你的项目中创建一个名为 ChatHub.cs 的类。
namespace 名称空间{ public class ChatHub : Hub { // 向所有连接的客户端发送消息 public void SendMessage(string user, string message) { // 向所有客户端广播消息 Clients.All.broadcastMessage(user, message); } } }
using Microsoft.Owin; using Owin; [assembly: OwinStartup(typeof(名称空间.Startup))] namespace 名称空间 { /// <summary> /// Startup 的摘要说明 /// </summary> public class Startup { public void Configuration(IAppBuilder app) { // 配置 SignalR 路由 app.MapSignalR(); } } }
<!DOCTYPE html> <html> <head> <title>SignalR Chat</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/signalr.js/2.4.3/jquery.signalR.min.js"></script> <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/signalr/2.4.1/jquery.signalR.min.js"></script>--> </head> <body> <div> <label for="user">User:</label> <input type="text" id="user" /> <label for="message">Message:</label> <input type="text" id="message" /> <button onclick="sendMessage()">Send</button> </div> <div id="messages"></div> <script type="text/javascript"> // 创建连接 var connection = $.hubConnection(); var chatHub = connection.createHubProxy('chatHub'); // 监听服务器广播的消息 chatHub.on('broadcastMessage', function (user, message) { $('#messages').append('<div><strong>' + user + ':</strong> ' + message + '</div>'); }); // 启动连接 connection.start().done(function () { console.log("SignalR connection established!"); }); // 发送消息到服务器 function sendMessage() { var user = $('#user').val(); var message = $('#message').val(); chatHub.invoke('SendMessage', user, message); } </script> </body> </html>
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。