c# net4.0 signalr webapi即时通信

转载自：https://blog.csdn.net/LOW584710047/article/details/46225511/

 

项目：ASP.NET MVC 4 Web 应用程序

开发环境：VS2012

目标框架：.NET Framework 4

 

SignalR 主要是用于消息推送的一个框架

SignalR是什么 http://www.cnblogs.com/humble/p/3850749.html

最好的入门文章 应该是 http://www.asp.net/signalr/overview/getting-started/introduction-to-signalr  简单明了

安装时遇到的 http://www.cnblogs.com/ding2011/p/3468740.html

 

 

 

 

 

安装

工具 -> 库程序包管理器 -> 程序包管理器控制台

输入下面命令 install-package Microsoft.AspNet.SignalR -Version 1.1.4

因为是 .net 4.0 用不了 SignalR 2以上的版本

安装完毕发现项目多了一个Script 文件夹

主要用到 jquery-1.6.4.min.js和jquery.signalR-1.1.4.min.js，其他可以删除

 

 

 

 

 

BaseController.cs

 
 

   
   

    
    

   
   
   
   

    
    

     
     using System;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     using System.Collections.Generic;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     using System.Linq;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     using System.Web;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     using System.Web.Mvc;
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     //工具 -> 库程序包管理器 -> 程序包管理器控制台 输入下面命令
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     //install-package Microsoft.AspNet.SignalR -Version 1.1.4
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     using Microsoft.AspNet.SignalR;
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     namespace 
     
     SignalR.Controllers
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     //所有 hub
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     public 
     
     class 
     
     AllHub : 
     
     Hub
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     //当前 hub
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     public 
     
     class 
     
     CurHub : 
     
     Hub
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     public void SetRecGroup(string id)//设置接收组
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     this.Groups.Add(
     
     this.Context.ConnectionId, id);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     public 
     
     class 
     
     BaseController : 
     
     Controller
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     public ActionResult ProgressBar()
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     return View();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     public ActionResult Broadcast()
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     return View();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     //进度条
    
    
   
   

   
   

    
    

   
   
   
   

    
    
         
     
     public void fnProgressBar()
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     for (
     
     int i = 
     
     0; i < 
     
     100; i++)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     IHubContext chat = GlobalHost.ConnectionManager.GetHubContext<CurHub>();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     chat.Clients.Group(
     
     "clientId").notify(i);
     
     //向指定组发送
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     System.Threading.Thread.Sleep(
     
     100);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     //广播
    
    
   
   

   
   

    
    

   
   
   
   

    
    
         
     
     public string fnBroadcast(string msg)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     string result = 
     
     "发送失败!";
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     try
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     IHubContext chat = GlobalHost.ConnectionManager.GetHubContext<AllHub>();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     chat.Clients.All.notice(msg);
     
     //向所有组发送
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     result = 
     
     "发送成功!";
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     catch (Exception e)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     result = 
     
     "发送失败!\n失败原因:\n" + e.Message;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     return result;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   
 
 

 

 

 

 

Global.asax.cs

 
 

   
   

    
    

   
   
   
   

    
    

     
     using System;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     using System.Collections.Generic;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     using System.Linq;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     using System.Web;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     using System.Web.Http;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     using System.Web.Mvc;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     using System.Web.Routing;
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     namespace 
     
     SignalR
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     // Note: For instructions on enabling IIS6 or IIS7 classic mode, 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     // visit http://go.microsoft.com/?LinkId=9394801
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     public 
     
     class 
     
     MvcApplication : 
     
     System.
     
     Web.
     
     HttpApplication
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     protected void Application_Start()
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     //添加 SignalR 映射
    
    
   
   

   
   

    
    

   
   
   
   

    
    
              
     
     //注意执行顺序  放在最后面 会失败
    
    
   
   

   
   

    
    

   
   
   
   

    
    
              
     
     //不添加  <script src="~/signalr/hubs"></script> 会生成失败
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                   RouteTable.Routes.MapHubs();
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 AreaRegistration.RegisterAllAreas();
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 WebApiConfig.Register(GlobalConfiguration.Configuration);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 RouteConfig.RegisterRoutes(RouteTable.Routes);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   
 
 

 

 

 

 

Broadcast.cshtml

 
 

   
   

    
    

   
   
   
   

    
    

     
     <!DOCTYPE html>
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     <html>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         <head runat=
     
     "server">
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             <title>消息推送页面</title>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             <script src=
     
     "~/Scripts/jquery-1.6.4.min.js"></script>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             <script src=
     
     "~/Scripts/jquery.signalR-1.1.4.min.js"></script>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             <script src=
     
     "~/signalr/hubs"></script>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         </head>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         <body>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             <input type=
     
     "text" id=
     
     "txtMess"/>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             <input type=
     
     "button" 
     
     value=
     
     "发送广播消息" id=
     
     "btnPush"/>
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             <script>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 (function () {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                
     
     //发送信息
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     $(
     
     "#btnPush").click(function () {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                    
     
     var $mess = $(
     
     "#txtMess");
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         $.ajax({
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             url: 
     
     "../Base/fnBroadcast",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             data: { msg: $mess.val() },
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             type: 
     
     "post",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             dataType: 
     
     "text",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             success: function (result) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                            
     
     if (result.indexOf(
     
     "成功") !== 
     
     -1) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                                     $mess.val(
     
     "");
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                                 }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                            
     
     else {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                                     alert(result);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                                 }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         });
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     });
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                
     
     //接收信息
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                
     
     var allHub = $.connection.allHub;
     
     //对应后台的 类 AllHub
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     allHub.client.notice = function (msg) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         $(
     
     "body").append(
     
     "<br/><br/>" + msg);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     $.connection.hub.start();
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 })();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             </script>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         </body>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     </html>
    
    
   
   
 
 

ProgressBar.cshtml

`

1. <!DOCTYPE html>
3. <html>
4. <head runat= "server">
5. <title>进度条</title>
6. <script src= "~/Scripts/jquery-1.6.4.min.js"></script>
7. <script src= "~/Scripts/jquery.signalR-1.1.4.min.js"></script>
8. <script src= "~/signalr/hubs"></script>
9. </head>
10. <body>
11. <div id= "loading" style= "width: 0%;">Loading</div>
12. <input id= "submit" type= "button" value= "Start" />
14. <script>
15. (function () {
17. //接收信息
18. var curHub = $.connection.curHub; //对应后台的类CurHub
19. curHub.client.notify = function (msg) {
20. $( "#loading").css({ "background-color": "blue", "width": Number(msg) + "%" });
21. };
22. $.connection.hub.start().done(function () {
23. curHub.server.setRecGroup( "clientId"); //设置接收组,该方法对应后台的类CurHub的SetRecGroup
24. });
26. $( "#submit").click(function () {
27. $. get( "../Base/fnProgressBar", function () { });
28. });
30. })();
31. </script>
32. </body>
33. </html>

`

 

 

 

 

注意

<script src="~/signalr/hubs"></script> 这个js文件是动态生成的，项目里面是找不到该文件的

要确保 动态生成成功 必须在 Global.asax.cs 添加 映射 具体查看上面的 Global.asax.cs

另外这个只有广播的，下面这个是指定用户的，亲测可用

https://blog.csdn.net/qq_35493664/article/details/77620305