首页 > > 网页制作 > css >

asp.net signalR 专题—— 第二篇对PersistentC…

2018-06-23 23:18:28来源：未知阅读 ()

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

一：从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中一探究竟。

在上面的图中，可以清楚的看到，原来持久连接中并不仅仅是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     }

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

2. OnReconnected 事件

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

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

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

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

二：Connection链接

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

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

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

好了，在上一篇中，我演示的仅仅是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>