一：背景

　　我们知道传统的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. ORA-00257 archiver error 处理思路

    1.首先查下oerr给出的简要说明 2.查询V$RECOVERY_AREA_USAGE信息 3.根据实际空间剩余情况先适当增加归档目录的大小,保证先恢复业务 4.查看备份是否存在问题 1.首先查下oe ...

  2. 1Z0-053 争议题目解析46

    1Z0-053 争议题目解析46 考试科目:1Z0-053 题库版本:V13.02 题库中原题为: 46.What happens when you run the SQL Tuning Adviso ...

  3. Cesium应用篇：3控件（2）BaseLayerPicker

    所有范例均在github中搜索:ExamplesforCesium BaseLayerPicker控件非常简单,似乎没什么可说的,确实非常的简单,但作为一个底图选择控件,可以说是最基本的一个控件. C ...

  4. 【集合框架】JDK1.8源码分析之IdentityHashMap（四）

    一.前言 前面已经分析了HashMap与LinkedHashMap,现在我们来分析不太常用的IdentityHashMap,从它的名字上也可以看出来用于表示唯一的HashMap,仔细分析了其源码,发现 ...

  5. Android-Universal-Image-Loader 图片异步加载类库的使用

    在博客中看到一篇利用组件进行图片异步加载的文章在此作记录 原文:http://blog.csdn.net/vipzjyno1/article/details/23206387 这个图片异步加载并缓存的 ...

  6. PHP实现新浪长链接转化成短链接API

    我们经常收到类似于这样的短信(如下图),发现其中的链接并不是常规的网址链接,而是个短小精悍的短链接,产品中经常需要这样的需求,如果在给用户下发的短信中是一个很长的连接,用户体验肯定很差,因此我们需要实 ...

  7. H2 数据库

    最近做演示项目的时候需要一个数据库,但不想安装.于是查看了embedded datasource : h2 h2: 依赖: <dependency> <groupId>com. ...

  8. CSS3魔法堂：说说Multi-column Layout

    前言  是否记得<读者文摘>中那一篇篇优美感人的文章呢?那除了文章内容外,还记得那报刊.杂志独有的多栏布局吗?  当我们希望将报刊.杂志中的阅读体验迁移到网页上时,最简单直接的方式就是采用 ...

  9. 用ThreadLocal类实现线程安全的正确姿势

    大家通常知道,ThreadLocal类可以帮助我们实现线程的安全性,这个类能使线程中的某个值与保存值的对象关联起来.ThreadLocal提供了get与set等访问接口或方法,这些方法为每个使用该变量 ...

  10. SqlServer 分页查询

    1.not in方法 select top 10 from books where id not in (select top 30 id from books)   2.row_number()函数 ...