這篇文章主要介紹了ASP.NET MVC中SignalR怎么用,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)公司是一家以重慶網(wǎng)站建設公司、網(wǎng)頁設計、品牌設計、軟件運維、seo優(yōu)化排名、小程序App開發(fā)等移動開發(fā)為一體互聯(lián)網(wǎng)公司。已累計為橡塑保溫等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務。一、簡介
ASP.NET SignalR 是為 ASP.NET 開發(fā)人員提供的一個庫,可以簡化開發(fā)人員將實時 Web 功能添加到應用程序的過程。實時 Web 功能是指這樣一種功能:當所連接的客戶端變得可用時服務器代碼可以立即向其推送內(nèi)容,而不是讓服務器等待客戶端請求新的數(shù)據(jù)?!俣劝倏?/p>
首先ASP.NET SignalR 是一個ASP .NET 下的類庫,可以在ASP .NET 的Web項目中實現(xiàn)實時通信。讓客戶端(Web頁面)和服務器端可以互相通知消息及調(diào)用方法。
SignalR自動處理連接管理,可以讓服務端同時向所有連接的客戶端廣播消息,比如聊天室。也可以向特定的客戶端發(fā)送消息。客戶端和服務器之間的連接是持久的,與傳統(tǒng)的HTTP連接不同,它是為每個通信重新建立的。
SignalR支持“服務器推送”功能,其中服務器代碼可以使用遠程過程調(diào)用(RPC)調(diào)用瀏覽器中的客戶端代碼,而不是今天在網(wǎng)絡上常見的請求響應模型。
總之,SignalR是一個運行在.NET 平臺上的 html websocket 框架,它出現(xiàn)的主要目的是實現(xiàn)服務器主動推送(Push)消息到客戶端頁面
注意:WebSocket要求服務器使用Windows Server 2012或Windows 8和.NET Framework 4.5如果不符合這些要求,SignalR將嘗試使用其他傳輸來進行連接
二、安裝
打開管理NuGet程序包,搜索SignalR,安裝下面這些程序包
安裝完成后程序中會多出一些引用
三、編寫代碼
因為用的是SignalR2,所以需要新建Startup.cs類,配置集線器,編寫如下
using Microsoft.Owin; using Owin; [assembly: OwinStartup(typeof(SignalRStartup.Startup))] namespace SignalRStartup { public class Startup { public void Configuration(IAppBuilder app) { // 配置集線器 app.MapSignalR(); } } }
接著編寫服務端的hub類
using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; using System.Web; using Microsoft.AspNet.SignalR; namespace signalR { public class ServerHub : Hub { public void SendMsg(string message) { //調(diào)用所有客戶端的sendMessage方法(sendMessage有2個參數(shù)) Clients.All.sendMessage(DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss"), message); } } }
創(chuàng)建HomoController以及其Action函數(shù)Index
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace signalR.Controllers { public class HomeController : Controller { public ActionResult Index() { return View(); } } }
Index前段代碼
@{ ViewBag.title = "SignaIR聊天窗口"; } <p class="container"> <input type="text" id="message" /> <input type="button" id="sendmessage" value="biubiu" /> <ul id="messageBox"></ul> </p> @section scripts { <script src="~/Scripts/jquery.signalR-2.2.2.min.js"></script> <script src="~/signalr/hubs"></script> <script> $(function () { //引用自動生成的集線器代理 var chat = $.connection.serverHub; //定義服務器調(diào)用的客戶端sendMessage來顯示新消息 chat.client.sendMessage = function (name, message) { //向頁面添加消息 $("#messageBox").append('<li><strong style="color:green">'+name+'</strong>:'+message+'</li>'); } //設置焦點到輸入框 $('#message').focus(); //開始連接服務器 $.connection.hub.start().done(function () { $('#sendmessage').click(function () { //調(diào)用服務器端集線器的Send方法 chat.server.sendMsg($('#message').val()); //清空輸入框信息并獲取焦點 $("#message").val('').focus(); }) }) }); </script> }
運行效果,在任何一個窗口發(fā)送消息,其他所有客戶端都能收到該消息。
運行程序的時候,Web頁面就與SignalR的服務建立了連接,具體的建立連接的代碼就是:$.connection.hub.start()。這句代碼的作用就是與SignalR服務建立連接,后面的done函數(shù)表明建立連接成功后為按鈕注冊了一個click事件;也可以用集線器對象chat.connextion.start()
還記得這句嗎?
<script src="~/signalr/hubs"></script>
F12看到的結果
上面的demo中的 Clients.All.sendMessage是調(diào)用所有客戶端的sendMessage函數(shù),屬于群發(fā)。
下面是一個客戶端分組的demo
服務端代碼
public void AddToRoom(string groupName, string userName) { //將連接添加到指定的組(Groups為HubBase中的接口屬性) Groups.Add(Context.ConnectionId, groupName); //根據(jù)組名稱獲取對應客戶端的組,調(diào)用該組的addUserIn方法 Clients.Group(groupName, new string[0]).addUserIn(groupName, userName); } public void Send(string groupName, string detail, string userName) { //Clients.All.addSomeMessage(detail);//群發(fā)給所有 //調(diào)用客戶端某一個組的addSomeMessage Clients.Group(groupName, new string[0]).addSomeMessage(groupName, detail, userName); }
客戶端代碼
chat.client.addSomeMessage = function(groupId, detail, userName) { console.info("廣播消息:" + detail); $("#contentMsg").append("<li>" + userName + ": " + detail + "</li>"); }; chat.client.addUserIn = function(groupId, userName) { $("#contentMsg").append("<li>" + userName + "進入"+groupId+"號聊天室!</li>"); }; $.connection.hub.logging = true; //啟動signalr狀態(tài)功能 $.connection.hub.start().done(function() { //加入聊天室 $("#joinRoom").click(function() { var groupId = $("#groupId").val(); var userName = $("#userName").val(); chat.server.addToRoom(groupId, userName); }); //發(fā)送消息 $("#send").click(function() { var detail = $("#message").val(); var groupId = $("#groupId").val(); var userName = $("#userName").val(); chat.server.send(groupId, detail, userName); }); });
運行效果
從上面兩張圖可以看出,客戶端實現(xiàn)了分組
感謝你能夠認真閱讀完這篇文章,希望小編分享ASP.NET MVC中SignalR怎么用內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細的解決方法等著你來學習!
網(wǎng)站欄目:ASP.NETMVC中SignalR怎么用-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址:http://redsoil1982.com.cn/article16/dggcdg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供響應式網(wǎng)站、建站公司、靜態(tài)網(wǎng)站、云服務器、外貿(mào)建站、服務器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容