加载中...

第二篇 对PersistentConnection持久连接的快速讲解

一：从override的那些方法说起

   不管怎么样，我们先上代码，如下： 

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);
        }
    }

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

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

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

OnReconnected事件。

1. OnDisconnected 演示

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

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

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

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

        protected override Task OnDisconnected(IRequest request, string connectionId, bool stopCalled)
        {
            Debug.WriteLine("OnDisconnected");
            return base.OnDisconnected(request, connectionId, stopCalled);
        }

        protected override Task OnReconnected(IRequest request, string connectionId)
        {
            Debug.WriteLine("OnReconnected");
            return base.OnReconnected(request, connectionId);
        }
    }

从上图中的三个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事件中已适应你的业务逻辑。 

<!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.send("操，我已经收到啦。");
        });

        //接受服务器的推送
        conn.received(function (data) {
            console.log("server返回的数据： " + data);
        });
    </script>
</body>
</html>

 

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

还没有评论.