Asp.net SignalR快速入門(mén)

using Microsoft.AspNet.SignalR;
using Microsoft.AspNet.SignalR.Hubs;
using System;

namespace SignalRQuickStart
{public class ServerHub : Hub
  {
    private static readonly char[] Constant =
    {
      '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
      'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v',
      'w', 'x', 'y', 'z',
      'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V',
      'W', 'X', 'Y', 'Z'
    };

    /// summary>
    /// 供客戶(hù)端調(diào)用的服務(wù)器端代碼
    /// /summary>
    /// param name="message">/param>
    public void Send(string message)
    {
      var name = GenerateRandomName(4);

      // 調(diào)用所有客戶(hù)端的sendMessage方法
      Clients.All.sendMessage(name, message);
    }

    /// summary>
    /// 產(chǎn)生隨機(jī)用戶(hù)名函數(shù)
    /// /summary>
    /// param name="length">用戶(hù)名長(zhǎng)度/param>
    /// returns>/returns>
    public static string GenerateRandomName(int length)
    {
      var newRandom = new System.Text.StringBuilder(62);
      var rd = new Random();
      for (var i = 0; i  length; i++)
      {
        newRandom.Append(Constant[rd.Next(62)]);
      }
      return newRandom.ToString();
    }
  }
}

public class HomeController : Controller
  {
    public ActionResult Index()
    {
      return View();
    }

    public ActionResult About()
    {
      ViewBag.Message = "Your application description page.";

      return View();
    }

    public ActionResult Contact()
    {
      ViewBag.Message = "Your contact page.";

      return View();
    }

    public ActionResult Chat()
    {
      return View();
    }
  }

@{
  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庫(kù). -->
  script src="~/Scripts/jquery.signalR-2.2.0.min.js">/script>
   !--引用自動(dòng)生成的SignalR 集線(xiàn)器(Hub)腳本.在運(yùn)行的時(shí)候在瀏覽器的Source下可看到 -->
  script src="~/signalr/hubs">/script>
  
  script>
    $(function () {
      // 引用自動(dòng)生成的集線(xiàn)器代理
      var chat = $.connection.serverHub;
      // 定義服務(wù)器端調(diào)用的客戶(hù)端sendMessage來(lái)顯示新消息
      
      chat.client.sendMessage = function (name, message) {
        // 向頁(yè)面添加消息
        $('#discussion').append('li>strong>' + htmlEncode(name)
          + '/strong>: ' + htmlEncode(message) + '/li>');
      };
      
      // 設(shè)置焦點(diǎn)到輸入框
      $('#message').focus();
      // 開(kāi)始連接服務(wù)器
      $.connection.hub.start().done(function () {
        $('#sendmessage').click(function () {
          // 調(diào)用服務(wù)器端集線(xiàn)器的Send方法
          chat.server.send($('#message').val());
          // 清空輸入框信息并獲取焦點(diǎn)
          $('#message').val('').focus();
        });
      });
    });
    
    // 為顯示的消息進(jìn)行Html編碼
    function htmlEncode(value) {
      var encodedValue = $('div />').text(value).html();
      return encodedValue;
    }
  /script>
  }

public class RouteConfig
  {
    public static void RegisterRoutes(RouteCollection routes)
    {
      routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
      routes.MapRoute(
        name: "Default",
        url: "{controller}/{action}/{id}",
        defaults: new { controller = "Home", action = "Chat", id = UrlParameter.Optional }
      );
    }
  }

 public class ServerHub : Hub
  {
    private static readonly char[] Constant =
    {
      '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
      'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v',
      'w', 'x', 'y', 'z',
      'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V',
      'W', 'X', 'Y', 'Z'
    };

    /// summary>
    /// 供客戶(hù)端調(diào)用的服務(wù)器端代碼
    /// /summary>
    /// param name="message">/param>
    public void Send(string message)
    {
      var name = GenerateRandomName(4);

      // 調(diào)用所有客戶(hù)端的sendMessage方法
      Clients.All.sendMessage(name, message);
    }

    /// summary>
    /// 客戶(hù)端連接的時(shí)候調(diào)用
    /// /summary>
    /// returns>/returns>
    public override Task OnConnected()
    {
      Trace.WriteLine("客戶(hù)端連接成功");
      return base.OnConnected();
    }

    /// summary>
    /// 產(chǎn)生隨機(jī)用戶(hù)名函數(shù)
    /// /summary>
    /// param name="length">用戶(hù)名長(zhǎng)度/param>
    /// returns>/returns>
    public static string GenerateRandomName(int length)
    {
      var newRandom = new System.Text.StringBuilder(62);
      var rd = new Random();
      for (var i = 0; i  length; i++)
      {
        newRandom.Append(Constant[rd.Next(62)]);
      }
      return newRandom.ToString();
    }
  }

!--引用SignalR庫(kù). -->
  script src="~/Scripts/jquery.signalR-2.2.0.min.js">/script>
   !--引用自動(dòng)生成的SignalR 集線(xiàn)器(Hub)腳本.在運(yùn)行的時(shí)候在瀏覽器的Source下可看到 -->
  script src="~/signalr/hubs">/script>

/// summary>
    /// 啟動(dòng)SignalR服務(wù)，將SignalR服務(wù)寄宿在WPF程序中
    /// /summary>
    private void StartServer()
    {
      try
      {
        SignalR = WebApp.Start(ServerUri); // 啟動(dòng)SignalR服務(wù)
      }
      catch (TargetInvocationException)
      {
        WriteToConsole("一個(gè)服務(wù)已經(jīng)運(yùn)行在：" + ServerUri);
        // Dispatcher回調(diào)來(lái)設(shè)置UI控件狀態(tài)
        this.Dispatcher.Invoke(() => ButtonStart.IsEnabled = true);
        return;
      }

      this.Dispatcher.Invoke(() => ButtonStop.IsEnabled = true);
      WriteToConsole("服務(wù)已經(jīng)成功啟動(dòng)，地址為：" + ServerUri);
    }

public class ChatHub : Hub
  {
    public void Send(string name, string message)
    {
      Clients.All.addMessage(name, message);
    }

    public override Task OnConnected()
    {
      //
      Application.Current.Dispatcher.Invoke(() =>
        ((MainWindow)Application.Current.MainWindow).WriteToConsole("客戶(hù)端連接，連接ID是: " + Context.ConnectionId));

      return base.OnConnected();
    }

    public override Task OnDisconnected(bool stopCalled)
    {
       Application.Current.Dispatcher.Invoke(() =>
        ((MainWindow)Application.Current.MainWindow).WriteToConsole("客戶(hù)端斷開(kāi)連接，連接ID是: " + Context.ConnectionId));

      return base.OnDisconnected(true);
    }
  }

 public class Startup
  {
    public void Configuration(IAppBuilder app)
    {
      // 有關(guān)如何配置應(yīng)用程序的詳細(xì)信息，請(qǐng)?jiān)L問(wèn) http://go.microsoft.com/fwlink/?LinkID=316888
      // 允許CORS跨域
      //app.UseCors(CorsOptions.AllowAll);
      app.MapSignalR();
    }
  }
 

 public IHubProxy HubProxy { get; set; }
    const string ServerUri = "http://localhost:8888/signalr";
    public HubConnection Connection { get; set; }

    public MainWindow()
    {
      InitializeComponent();

      // 窗口啟動(dòng)時(shí)開(kāi)始連接服務(wù)
      ConnectAsync();
    }

    /// summary>
    /// 發(fā)送消息
    /// /summary>
    /// param name="sender">/param>
    /// param name="e">/param>
    private void ButtonSend_Click(object sender, RoutedEventArgs e)
    {
      // 通過(guò)代理來(lái)調(diào)用服務(wù)端的Send方法
      // 服務(wù)端Send方法再調(diào)用客戶(hù)端的AddMessage方法將消息輸出到消息框中
      HubProxy.Invoke("Send", GenerateRandomName(4), TextBoxMessage.Text.Trim());

      TextBoxMessage.Text = String.Empty;
      TextBoxMessage.Focus();
    }

    private async void ConnectAsync()
    {
      Connection = new HubConnection(ServerUri);
      Connection.Closed += Connection_Closed;

      // 創(chuàng)建一個(gè)集線(xiàn)器代理對(duì)象
      HubProxy = Connection.CreateHubProxy("ChatHub");

      // 供服務(wù)端調(diào)用，將消息輸出到消息列表框中
      HubProxy.Onstring, string>("AddMessage", (name, message) =>
         this.Dispatcher.Invoke(() =>
          RichTextBoxConsole.AppendText(String.Format("{0}: {1}\r", name, message))
        ));

      try
      {
        await Connection.Start();
      }
      catch (HttpRequestException)
      {
        // 連接失敗
        return;
      }

      // 顯示聊天控件
      ChatPanel.Visibility = Visibility.Visible;
      ButtonSend.IsEnabled = true;
      TextBoxMessage.Focus();
      RichTextBoxConsole.AppendText("連上服務(wù)：" + ServerUri + "\r");
    }