一：背景

　　我们知道传统的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”数据。

好了，本篇大概就这么说了，是不是非常简单，当然里面还有很多的细节没有说，后续我们来慢慢解读。

————————————————————————————————————————————————————————————

————————————————————————————————————————————————————————————

友情提示：如果不喜欢看文章，可以移步本系列的 完整版asp.net singlaR视频教程 【一包烟的钱哦】

————————————————————————————————————————————————————————————

————————————————————————————————————————————————————————————

asp.net signalR 专题—— 第一篇 你需要好好掌握的实时通讯利器的更多相关文章

  1. asp.net signalR 专题—— 第二篇 对PersistentConnection持久连接的快速讲解

    上一篇我们快速的搭建了一个小案例,但是并没有对其中的方法进行介绍,这一篇我来逐一解析下. 一:从override的那些方法说起 不管怎么样,我们先上代码,如下: public class MyConn ...

  2. asp.net signalR 专题—— 第三篇 如何从外部线程访问 PersistentConnection

    在前面的两篇文章中,我们讲到的都是如何将消息从server推向client,又或者是client再推向server,貌似这样的逻辑没什么异常,但是放在真实 的环境中,你会很快发现有一个新需求,如何根据 ...

  3. asp.net signalR 专题—— 第四篇 模拟RPC模式的Hub操作

    在之前的文章中,我们使用的都是持久连接,但是使用持久连接的话,这种模拟socket的形式使用起来还是很不方便的,比如只有一个唯一的 OnReceived方法来处理业务逻辑,如下图: protected ...

  4. PerfView专题 (第一篇)：如何寻找热点函数

    一:背景 准备开个系列来聊一下 PerfView 这款工具,熟悉我的朋友都知道我喜欢用 WinDbg,这东西虽然很牛,但也不是万能的,也有一些场景他解决不了或者很难解决,这时候借助一些其他的工具来辅助 ...

  5. TTD 专题 (第一篇)：C# 那些短命线程都在干什么？

    一:背景 1.讲故事 在分析的众多dump中,经常会遇到各种奇葩的问题,仅通过dump这种快照形式还是有很多问题搞不定,而通过 perfview 这种粒度又太粗,很难找到问题之所在,真的很头疼,比如本 ...

  6. asp.net微信开发第一篇----开发者接入

    在项目的根目录或者特定的文件夹内,创建一个ashx文件(一般处理程序文件),如图 public void ProcessRequest(HttpContext context) { context.R ...

  7. [Asp.net 开发系列之SignalR篇]专题一：Asp.net SignalR快速入门

    一.前言 之前半年时间感觉自己有点浮躁,导致停顿了半年多的时间没有更新博客,今天重新开始记录博文,希望自己可以找回初心,继续沉淀.由于最近做的项目中用到SignalR技术,所以打算总结下Asp.net ...

  8. ASP.NET Core 学习笔记 第一篇 ASP.NET Core初探

    前言 因为工作原因博客断断续续更新,其实在很早以前就有想法做一套关于ASP.NET CORE整体学习度路线,整体来说国内的环境的.NET生态环境还是相对比较严峻的,但是干一行爱一行,还是希望更多人加入 ...

  9. 【第一篇】ASP.NET MVC快速入门之数据库操作（MVC5+EF6）

    目录 [第一篇]ASP.NET MVC快速入门之数据库操作(MVC5+EF6) [第二篇]ASP.NET MVC快速入门之数据注解(MVC5+EF6) [第三篇]ASP.NET MVC快速入门之安全策 ...

随机推荐

  1. mysql创建定时执行存储过程任务

    sql语法很多,是一门完整语言.这里仅仅实现一个功能,不做深入研究. 目标:定时更新表或者清空表. 案例:曾经做过定时清空位置信息表的任务.(然而,当时并未考虑服务器挂掉后的情况) 本次测试:每5s更 ...

  2. browserCaps与浏览器功能设置

    使用 Web.config 文件中的 browserCaps 元素来定义浏览器的行为在 .NET Framework 2.0 中被否决,但仍受支持.此元素中的数据与浏览器定义文件 (.browser) ...

  3. C#如何创建泛型类T的实例

    最近在学历基类的写法时,遇到了一个问题:如何怎么创建一个泛型类T的实例呢?     废话不多说了,直接上代码吧,目前发现三种方法,先贴上,以后再总结,希望能帮助跟我遇到同样问题的朋友. 方法一,通过外 ...

  4. nodejs 返回html页面--使用 ejs 模板

    nodejs 可以直接在返回中使用html标签,例如下面的格式,返回 hello world 将会使用 h1 字体. app.get('/html',function(req,res){ res.st ...

  5. os模块汇总

    os.name 输出字符串指示正在使用的平台.如果是window 则用'nt'表示,对于Linux/Unix用户,它是'posix'. os.getcwd() 函数得到当前Python脚本工作的目录路 ...

  6. Gym 100703I---Endeavor for perfection（尺取）

    题目链接 http://codeforces.com/problemset/gymProblem/100703/I Description standard input/outputStatement ...

  7. Netty（三）TCP粘包拆包处理

    tcp是一个“流”的协议,一个完整的包可能会被TCP拆分成多个包进行发送,也可能把小的封装成一个大的数据包发送,这就是所谓的TCP粘包和拆包问题. 粘包.拆包问题说明 假设客户端分别发送数据包D1和D ...

  8. GIT 基本操作

    git 流程:1.查看自己所在分支 git branch 2.切换到开发分支 git checkout develop3.把代码拉下来 git fetch4.合并到自己本地 git merge5.切换 ...

  9. 高性能javascript学习笔记系列(5) -快速响应的用户界面和编程实践

    参考高性能javascript 理解浏览器UI线程  用于执行javascript和更新用户界面的进程通常被称为浏览器UI线程  UI线程的工作机制可以理解为一个简单的队列系统,队列中的任务按顺序执行 ...

  10. [JS]笔记15之客户端存储cookie

    -->本地存储发展情况 -->什么是cookie -->cookie优缺点 -->cookie的设置.读取.删除 -->cookie应用 本地存储发展情况 一.什么是co ...