SignalR多端消息推送：Web客户端创建与通信Demo

"SignalR Self Host+MVC等多端消息推送服务（三）" 本文将介绍如何使用SignalR自托管和MVC实现多端消息推送服务。SignalR 是一个实时通信库，允许服务器向客户端推送数据，而无需频繁轮询。在本文中，我们将创建一个简单的Web客户端，用于向控制端发送消息。 首先，我们需要创建Web客户端。步骤如下： 1. 创建一个新的解决方案，命名为WebClient。 2. 在此解决方案下，添加一个新的MVC项目，可以命名为ClinetMvc，选择“Internet应用程序”模板，以快速搭建基本的MVC结构。 3. 打开Visual Studio的包管理器控制台，并安装SignalR的JavaScript库，输入命令 `Install-Package Microsoft.AspNet.SignalR.JS`。 4. 接下来，我们需要修改项目中Views\Home文件夹下的Index.cshtml文件。在这个文件中，我们设置HTML元素，包括一个隐藏的输入框、一个显示用户名称的标题、一个下拉列表（用于选择用户名）、一个文本输入框（用于输入消息）以及发送按钮。此外，还引入了jQuery和SignalR的JavaScript库，并设置了SignalR连接的URL。 ```html <script type="text/javascript"> $(function () { $.connection.hub.url = 'http://localhost:10086/signalr'; // SignalR Hub URL var work = $.connection.IMHub; // 引用自定义的Hub // ...其他配置和事件处理函数 }); </script> ``` 在服务器端，我们需要实现SignalR的Hub，它充当服务器与客户端之间的桥梁。在ClinetMvc项目中，创建一个新的类，例如`IMHub.cs`，继承自`Hub`。这个类将包含方法，如接收来自Web客户端的消息并广播到所有连接的客户端。 ```csharp using Microsoft.AspNet.SignalR; public class IMHub : Hub { public void SendMessage(string user, string message) { Clients.All.receiveMessage(user, message); // 广播消息到所有连接 } } ``` 完成上述步骤后，启动自托管的SignalR服务，例如在`Global.asax.cs`中配置： ```csharp using Microsoft.Owin; using Owin; [assembly: OwinStartup(typeof(YourNamespace.Startup))] namespace YourNamespace { public class Startup { public void Configuration(IAppBuilder app) { app.MapSignalR(); } } } ``` 最后，确保在Web客户端中，当用户点击发送按钮时，调用SignalR Hub的方法，将消息传递到服务器并广播到其他客户端。 ```javascript $('#send').click(function () { var user = $('#username').val(); var message = $('#message').val(); work.server.sendMessage(user, message); }); ``` 通过这种方式，我们可以实现在MVC Web客户端和自托管的SignalR服务之间进行实时通信。这个简单的示例展示了SignalR的强大功能，它允许开发者轻松地创建实时、双向通信的应用程序，如聊天室、通知系统或其他需要实时更新的场景。