MVC5使用SignalR进行双向通信（1）

MVC5使用SignalR进行双向通信 （1）

配置Signal

1. 在NuGet中通过 install-package Microsoft.AspNet.SignalR 命令进行安装
2. 在Scripts文件夹中会添加 jquery.signalR-2.2.0.js 和 jquery.signalR-2.2.0.min.js

3. 在startup的configuration方法中加入app.MapSignalR();

   app.MapSignalR()是把Signal Hub 映射到 /signal

       
       
       
       
   
        
        
        
        
   using Owin;
        
        
        
        
   using Microsoft.Owin;
        
        
        
        
   [assembly: OwinStartup(typeof(SignalRChat.Startup))]
        
        
        
        
   namespace SignalRChat
        
        
        
        
   {
        
        
        
        
       public class Startup
        
        
        
        
       {
        
        
        
        
           public void Configuration(IAppBuilder app)
        
        
        
        
           {
        
        
        
        
               // Any connection or hub wire up and configuration should go here
        
        
        
        
               app.MapSignalR();
        
        
        
        
           }
        
        
        
        
       }
        
        
        
        
   }
       
       
       
       

后台代码

1. 在Model文件夹中新建一个ChatHub继承自Hub，写一个send方法,用户接受客户端的请求

       
       
       
       
   
        
        
        
        
   public class ChatHub:Hub
        
        
        
        
   {       
        
        
        
        
       /// 
   
        
        
        
        
       /// 发送信息给所有用户
        
        
        
        
       /// 
        
        
        
        
       /// 
        
        
        
        
       public void SendAll(string name,string message)
        
        
        
        
       {
        
        
        
        
          //发送给所有客户端
        
        
        
        
           Clients.All.sendAll(name,message);
        
        
        
        
       }
        
        
        
        
   }
       
       
       
       

前台代码

1. 新建一个视图名为Chat.cshtml
2. 加入如下代码

  
  
  
  

   
   
   
   
@{
   
   
   
   
    ViewBag.Title = "Chat";
   
   
   
   
}
   
   
   
   
Chath2>
   
   
   
   
<div class="container">
   
   
   
   
    <input type="text" id="message" />
   
   
   
   
    <input type="button" id="sendmessage" value="Send" />
   
   
   
   
    <input type="hidden" id="displayname" />
   
   
   
   
    <ul id="discussion">
   
   
   
   
    ul>
   
   
   
   
div>
   
   
   
   
//在Layout.cshtml 中定义了名为 scripts 的section
   
   
   
   
@section scripts {
   
   
   
   
    
   
   
   
   
    
   
   
   
   
    
   
   
   
   
    <script src="~/Scripts/jquery.signalR-2.1.0.min.js">script>
   
   
   
   
    
   
   
   
   
    <script src="~/signalr/hubs">script>