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

  上一篇我们快速的搭建了一个小案例,但是并没有对其中的方法进行介绍,这一篇我来逐一解析下。

 

一:从override的那些方法说起

   不管怎么样,我们先上代码,如下:

 1     public class MyConnection1 : PersistentConnection
 2     {
 3         protected override Task OnConnected(IRequest request, string connectionId)
 4         {
 5             return Connection.Send(connectionId, "Welcome!");
 6         }
 7 
 8         protected override Task OnReceived(IRequest request, string connectionId, string data)
 9         {
10             return Connection.Broadcast(data);
11         }
12     }

 

首先我们知道的一个现象就是,所有的持久连接类都是继承于PersistentConnection,那么感兴趣的问题就来了,PersistentConnection中到底都定义

了些什么??? 于是乎我们就用F12去Persistent中一探究竟。

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

在上面的图中,可以清楚的看到,原来持久连接中并不仅仅是OnConnected 和 OnReceived方法,还有一个掉线的OnDisconnected事件和一个重连的

OnReconnected事件。

 

1. OnDisconnected 演示

   从这个名字可以看的出来,掉线了就可以触发这个事件,对吧,ok,我可以在页面打开的时候,再刷新一下页面就可以触发OnDisconnected事件,为

了方便演示,我在每个方法里面都加上了Debug.WriteLine方法,如下图:

 1   public class MyConnection1 : PersistentConnection
 2     {
 3         protected override Task OnConnected(IRequest request, string connectionId)
 4         {
 5             Debug.WriteLine("OnConnected");
 6             return Connection.Send(connectionId, "Welcome!");
 7         }
 8 
 9         protected override Task OnReceived(IRequest request, string connectionId, string data)
10         {
11             Debug.WriteLine("OnReceived");
12             return Connection.Broadcast(data);
13         }
14 
15         protected override Task OnDisconnected(IRequest request, string connectionId, bool stopCalled)
16         {
17             Debug.WriteLine("OnDisconnected");
18             return base.OnDisconnected(request, connectionId, stopCalled);
19         }
20 
21         protected override Task OnReconnected(IRequest request, string connectionId)
22         {
23             Debug.WriteLine("OnReconnected");
24             return base.OnReconnected(request, connectionId);
25         }
26     }

asp.net signalR 专题—— 第二篇 对PersistentConnection持久连接的快速讲解_第2张图片

从上图中的三个msg可以看到,这就是在页面呈现之后,再刷新了一下所做的操作。

 

2. OnReconnected 事件

   这个事件的演示也是很简单的事情,当页面呈现之后,再关掉iis服务器,也就是iisexpress,然后再重新开启iisexpress,这样就可以触发

OnReconnected事件了,比如下面这样。

asp.net signalR 专题—— 第二篇 对PersistentConnection持久连接的快速讲解_第3张图片

从output控制台和当前的chrome页面中可以看出,第一个tab页的过程就是OnConnected => OnDisconnected => OnReconnected,对不对,第

二个tab页面,就是再重启之后开启的一个新页面,也就是第二个OnConnected事件。

 

二:Connection链接

    第二个让我们关注的地方就是Connection,因为它就是用来管理信息的发送和输出的一个链接管理类,如下图:

   asp.net signalR 专题—— 第二篇 对PersistentConnection持久连接的快速讲解_第4张图片

可以看到这个属性是IConnection类型,然后就很好奇看看这个类型有哪些可供我们使用的方法,通过下面的图,我们看到,只有两个好玩的方法,第一个

是用来广播消息的Broadcast,顾名思义,就是给所以链接到server的客户端都发送一条消息, 一个是发送给特定人的Send。

asp.net signalR 专题—— 第二篇 对PersistentConnection持久连接的快速讲解_第5张图片

 

好了,在上一篇中,我演示的仅仅是server向client推送消息,并没有演示client如何向server推送消息,其实也很简单,因为我们有了强大的signalR.js,

为了方便我就仅仅在start成功之后,加上一句send方法向server推送信息,当然了,你可以将send方法加到一个click事件中已适应你的业务逻辑。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title></title>
 6     <meta charset="utf-8" />
 7 </head>
 8 <body>
 9     <script src="/scripts/jquery-1.10.2.js"></script>
10     <script src="/scripts/jquery.signalR-2.1.2.js"></script>
11     <script type="text/javascript">
12         var conn = $.connection("/myconnection");
13 
14         conn.start().done(function (data) {
15             console.log("当前clientID=" + data.id);
16 
17             conn.send("操,我已经收到啦。");
18         });
19 
20         //接受服务器的推送
21         conn.received(function (data) {
22             console.log("server返回的数据: " + data);
23         });
24     </script>
25 </body>
26 </html>

asp.net signalR 专题—— 第二篇 对PersistentConnection持久连接的快速讲解_第6张图片

 

上面大概性的标注了下流程,我想到现在为止,你的持久连接构建应该不成问题了,虽然还有group操作,但这不妨碍你用signalR进行开发,好了,

本篇就先说到此,后续再慢慢聊。

 

你可能感兴趣的:(asp.net signalR 专题—— 第二篇 对PersistentConnection持久连接的快速讲解)