Asp.net SignalR 让实时通讯变得如此简单

public class ChatHub : Hub
 {
  /// <sumMary>
  /// 供客户端调用的服务器端代码
  /// </sumMary>
  /// <param name="message"></param>
  public void Send(String messagE)
  {
   var name = Guid.NewGuid().ToString().ToUpper();
   // 调用所有客户端的sendmessage方法
   Clients.All.sendmessage(name,messagE);
  }

  /// <sumMary>
  /// 客户端连接的时候调用
  /// </sumMary>
  /// <returns></returns>
  public override Task OnConnected()
  {
   Trace.WriteLine("客户端连接成功");
   return base.onConnected();
  }
 }

@{
 ViewBag.title = "聊天窗口";
}

<h2>Chat</h2>

<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>

@section scripts
{
 <!--引用SignalR库. -->
 <script src="~/Scripts/jquery.signalR-2.2.2.min.js"></script>
 <!--引用自动生成的SignalR 集线器(Hub)脚本.在运行的时候在浏览器的source下可看到 -->
 <script src="~/signalr/hubs"></script>

 <script>
  $(function () {
   // 1、引用自动生成的集线器代理 必须用小写字母开头
   var chat = $.connection.chatHub;

   // 2、开始连接服务器 done函数表明建立连接成功后为发送按钮注册了一个click事件
   $.connection.hub.start().done(function () {
    $('#sendmessage').click(function () {
     // 调用服务器端集线器的Send方法 也要小写开头
     chat.server.send($('#message').val());
     // 清空输入框信息并获取焦点
     $('#message').val('').focus();
    });
   });

   // 3、定义服务器端调用的客户端sendmessage来显示新消息
   chat.client.sendmessage = function (name,messagE) {
    // 向页面添加消息
    $('#discussion').append('<li><strong>' + htmlEncode(Name)
     + '</strong>: ' + htmlEncode(messagE) + '</li>');
   };

   // 设置焦点到输入框
   $('#message').focus();
  });

  // 为显示的消息进行Html编码
  function htmlEncode(value) {
   var encodedValue = $('<div />').text(value).html();
   return encodedValue;
  }
 </script>
}