asp.net signalR 專題—— 第一篇 你需要好好掌握的實時通訊利器

来源:http://www.cnblogs.com/huangxincheng/archive/2016/03/15/5280630.html
-Advertisement-
Play Games

一:背景 我們知道傳統的http採用的是“拉模型”,也就是每次請求,每次斷開這種短請求模式,這種場景下,client是老大,server就像一個小烏龜任人擺佈, 很顯然,只有一方主動,這事情就沒那麼完美了,所以為了能夠讓server也能主動點,html5就應運而生了,或許大家都知道html5中有兩種


一:背景

  我們知道傳統的http採用的是“拉模型”,也就是每次請求,每次斷開這種短請求模式,這種場景下,client是老大,server就像一個小烏龜任人擺佈,

很顯然,只有一方主動,這事情就沒那麼完美了,所以為了能夠讓server也能主動點,html5就應運而生了,或許大家都知道html5中有兩種server的主動

模型,第一種叫做websockect,也就是基於tcp模式的雙工通訊,還有一種叫做SSE,也就是客戶端來訂閱伺服器的一種事件模型,當然了,在html5出

來之前,如果要做到伺服器主動,我們只能採用變相的longpool和foreverframe勉強實現,而signalR這弔毛就是一個對他們進行了高層封裝,也就是說

signalR會在這四種技術中根據瀏覽器和伺服器設置採取最優的一種模式,廢話不多說,我們快速建立一個例子。

 

二:快速搭建

  這裡我們採用 PersistentConnection模式來構建一個持久連接讓大家快速接觸下:

 

1. PersistentConnection

   在新建項目中,我們選擇”Sig“這裡我們就使用預設的名字MyConnection1。

  

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using System.Web;
using Microsoft.AspNet.SignalR;

namespace WebApplication1
{
    public class MyConnection1 : PersistentConnection
    {
        protected override Task OnConnected(IRequest request, string connectionId)
        {
            return Connection.Send(connectionId, "Welcome!");
        }

        protected override Task OnReceived(IRequest request, string connectionId, string data)
        {
            return Connection.Broadcast(data);
        }
    }
}

 

在上面,我們簡單的看出來了,"持久連接“類有點像socket連接,有OnConnected和OnReceived事件,這裡我們就不過多介紹,只要知道

Connection.Send方法中有一個叫做connectionID就好了,而這個connectionID就是客戶端和伺服器建立連接的唯一標識,比如上面我們看到的

return Connection.Send(connectionId, "Welcome!");就是當客戶端連接到伺服器之後,伺服器主動將客戶端推送一個”Welcome",以示歡迎。

 

2. Startup類

    由於signalR採用的是Owin中間件的模式來把signalR和FCL進行隔離,這樣的話,大家就可以相互獨立,誰也不依賴於誰,也就方便signalR快速獨立

發展和更新,而Startup類的Configuration方法就是將一些中間件配置送到Owin管道中,下麵我們要做的就是把MyConnection1和"/myconnection"

地址的映射送到Owin管道中,這樣當我訪問”/myconnection“的時候,就可以觸發MyConnection1這個類了,如下圖:

[assembly: OwinStartup(typeof(WebApplication1.Startup1))]

namespace WebApplication1
{
    public class Startup1
    {
        public void Configuration(IAppBuilder app)
        {
            app.MapSignalR<MyConnection1>("/myconnection");
        }
    }
}

 

3:新建客戶端

這裡我們採用web客戶端的形式來連接server,這就必須引用一些js文件,比如這裡的signalR.js和jquery.js,如下圖:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
    <script src="/scripts/jquery-1.10.2.js"></script>
    <script src="/scripts/jquery.signalR-2.1.2.js"></script>
    <script type="text/javascript">
        var conn = $.connection("/myconnection");

        conn.start().done(function (data) {
            console.log("當前clientID=" + data.id);
        });

        //接受伺服器的推送
        conn.received(function (data) {
            console.log("server返回的數據: " + data);
        });
    </script>
</body>
</html>

 

上面的代碼很簡單,第一個就是$.connection("/myconnection")用於找到對應的伺服器端的Myconnection處理類,第二個start()方法就是開始建

立連接,後面的 received事件就是獲取伺服器端推送過來的消息,也就是welcome,對吧。。。然後我們在chrome中試試看。

現在,你可以對應代碼看一看,start方法成功的拿到了connectionID,而received方法成功的拿到了伺服器推送的"welcome"數據,對吧。

 

四:用Fiddler監視一下

    下麵就是我用Fiddler監視到的截圖,從圖中的http 101狀態碼就可以看出,這裡將http協議轉換成了websocket協議。然後我們從websocket

協議中看到了伺服器端推送過來的“welcome”數據。

 

好了,本篇大概就這麼說了,是不是非常簡單,當然裡面還有很多的細節沒有說,後續我們來慢慢解讀。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 開發ASP.NET MVC,常會使用Razor來呈現內容。下麵有幾個特殊需求的輸出,Insus.NET列出來讓大家參考。雙@@輸出只有一個。 在Razor的語法中,如果想輸出html,它會有兩種語法, 輸出html另一種方法,使用Raw方法來解釋: 在開發的時候,我們有可能這樣需求,就是需要顯示ht
  • 本文轉載自:http://www.youarebug.com/forum.php?mod=viewthread&tid=57&page=1&extra=#pid63 或者: 或者: 或者: 註:上面的代碼主要是數據集的展示功能,需要註意的是填充數據表的語句,是由DataSet對象的Tables屬性的
  • 今天接到新的需求,要求將Excel表格中的數據顯示在頁面上。 我個人分析,首先要將Excel中的數據存到資料庫中,再進行頁面顯示,本人菜鳥級別,以前沒有做過讀取Excel數據,研究了一下(主要是看別人的資料),寫一下實現過程,我想寫幾篇關於Excel的,首先是規則的Excel數據導入,再有就是不規則
  • 出處:http://www.cnblogs.com/free722/archive/2011/11/12/2238654.html 邏輯樹與可視樹 XAML天生就是用來呈現用戶界面的,這是由於它具有層次化的特性。在WPF中,用戶界面由一個對象樹構建而成,這棵樹叫作邏輯樹。 WPF用戶界面的邏輯樹也並
  • 1、int適合簡單數據類型之間的轉換,C#的預設整型是int32(不支持bool型); 2、int.Parse(string sParameter)是個構造函數,參數類型只支持string類型; 3、Convert.ToInt32()適合將Object類型轉換為int型; 4、Convert.ToI
  • 一、開發環境 操作系統:Win7 編譯器:VS2010 .net版本:.net4.0 二、項目結構 三、開發流程 0.編寫實體類 namespace ReflectDemo { public class Bird { public string _id; public string Name { g...
  •    首先我們要知道C#語言是一種面向對象的語言由C和C++演變而來,它依賴於.NET Framework。.NET Framework可以提供一個強大的代碼庫供其調用。之所以說C#語言依賴於.NET Framework是由於C#源代碼只有經過編譯器(指VS或VCE)的編譯之後,變成CIL(Comm
  •  作者:[美]Adam Freeman      來源:《精通ASP.NET MVC 4》 3.Visual Studio 的單元測試 有很多.NET單元測試包,其中很多是開源和免費的。本文打算使用 Visual Studio 附帶的內建單元測試支持,但其他一些.NET單元測試包也是可用的。 為了演
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...