如何使用SignalRSelfHost+MVC等多端消息進行推送服務

如何使用SignalRSelfHost+MVC等多端消息進行推送服務，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

一、概述

最近項目確實太忙，而且身體也有點不舒服，慢性咽炎犯了，昨晚睡覺時喘不過氣來，一直沒休息好，也沒什么時間寫博客，今天朋友問我什么時候能出web端的消息發送的文章時，我還在忙著改項目的事，趁著中午吃飯和午休的時間，趕緊補上之前欠下的文章。

這章主要是實現多端消息相互通信的簡單demo，mvc的web端發送信息到control端等。

二、創建web客戶端

1、新建一個WebClient解決方案

2、在WebClient解決方案下新建一個名為Clinet mvc項目

3、根據自己實際情況選擇對應的項目模板，這里為了做演示，選擇Internet應用程序

4、在vs中打卡程序包管理器控制臺，輸入以下代碼

Install-Package Microsoft.AspNet.SignalR.JS

5、修改項目中Views下Homge文件夾中的Index.cshtml文件代碼，如下

@{
  Layout = null;
}

<h2>流程演示</h2>
<input type="hidden" id="displayname" />
<h3 id="thisname"></h3>

<select id="username" >
</select>
<br />
<br />
<input type="text" id="message" />
<input id="send" type="button" value="發送" />
<div>
  <h2 id="messgaeInfo"></h2>
</div>
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/jquery.signalR-2.2.1.min.js"></script>
<script src="http://localhost:10086/signalr/hubs"></script>
<script type="text/javascript">
  $(function () {
    $.connection.hub.url = 'http://localhost:10086/signalr';
    var work = $.connection.IMHub;
  
    $('#displayname').val(prompt('請輸入昵稱:', ''));
    $('#thisname').text('當前用戶：' + $('#displayname').val());
    var fromUser = $('#displayname').val();

    //對應后端的SendMessage函數，消息接收函數
    work.client.receivePrivateMessage = function (user, message) {
      //alert(message);
      $('#messgaeInfo').append(message + '</br>');
    };

    //后端SendLogin調用后，產生的loginUser回調
    work.client.onConnected = function (connnectId, userName, OnlineUsers) {
      reloadUser(OnlineUsers);
    };

    //hub連接開啟
    $.connection.hub.start().done(function () {
      var username = $('#displayname').val();
      //發送上線信息
      work.server.register(username);

      //點擊按鈕，發送消息
      $('#send').click(function () {
        var friend = $('#username').val();
        //調用后端函數，發送指定消息
        work.server.sendPrivateMessage(friend, $("#message").val());
      });
    });
  });

  //重新加載用戶列表
  var reloadUser = function (userlist) {
    $("#username").empty();
    for (i = 0; i < userlist.length; i++) {
      $("#username").append("<option value=" + userlist[i].UserName + ">" + userlist[i].UserName + "</option>");
    }
  }
</script>

6、在運行我們的web Client項目前，先運行我們前面兩章中的serve控制臺項目，然后F5運行web Client項目，見如下界面，輸入用戶名為a的用戶登錄

7、然后打開另一個瀏覽器，如上步驟，輸入b用戶登錄，a用戶選擇下拉項中的b(下拉選項在有用戶登錄時會自動添加新用戶進去)，b用戶選擇a，相互之間發送一下信息進行測試，結果如下

8、如果a、b之間消息傳送沒問題，證明web端消息傳送成功，這個時候打開我們前一章中的Client控制臺項目，運行該項目下bin中的Clinet.exe，打卡兩個程序，輸入登錄名為c、b

9、用c用戶給a發送消息hello a，效果如下

10、用c用戶給b用戶發送消息hello b！效果如下，證明control端給web端發送消息成功

11、用用戶d給用戶c發送消息，如下圖，證明control端消息發送成功

12、用a給c發送消息，如下圖所示

13、用b給d發送消息，如下圖所示，證明web——>control發送消息成功

由上所示，證明以SignalR做成owin服務，是可以實現多端通信的，而且SignalR單獨做成通信服務可以與其他項目分離、解耦。

后期有時間我會繼續優化，集成RabbitMQ等

看完上述內容，你們掌握如何使用SignalRSelfHost+MVC等多端消息進行推送服務的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！