首页 > > 网页制作 > css >

asp.net signalR 专题—— 第四篇模拟RPC模式的…

2018-06-23 23:19:26来源：未知阅读 ()

　　在之前的文章中，我们使用的都是持久连接，但是使用持久连接的话，这种模拟socket的形式使用起来还是很不方便的，比如只有一个唯一的

OnReceived方法来处理业务逻辑，如下图：

1         protected override Task OnReceived(IRequest request, string connectionId, string data)
2         {
3             return Connection.Broadcast(data);
4         }

但是在singlaR体系中并不是这样，我们还有更加平易近人的一个类似RPC的Hub层，如下图一样：

是不是很好奇？？？下面我们来看看这个Hub层怎么构建。

一：新建hub集线器层

选择web模板，下面有一个singlaR集线器类的模板，新建即可，在这个模板中有一个示例代码，Clients.All.hello() 就是用来调用客户端的hello方法，

而MyHub1中的Hello()用来让客户端调用，如此这样来实现双向通讯，如下图：

二：在Startup中注册

　　其实注册很简单，比持久连接还容易，因为持久连接需要一个“类”map一个“url”这样的模式，而Hub就不需要了，它就是用一个默认的singlar路径

map整个hub，比如下图中的提示：

三：实现客户端

客户端实现的话，有代理一说和无代理一说，无代理的话，我们自己createProxy，有代理的话就是利用动态生成一个js文件进行编程。

1. 无代理模式

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <script src="scripts/jquery-1.10.2.js"></script>
    <script src="scripts/jquery.signalR-2.1.2.js"></script>
</head>
<body>
    <script type="text/javascript">
        //无代理
        var conn = $.hubConnection();

        var proxy = conn.createHubProxy("MyHub1");

        //注册客户端方法 “hello”
        proxy.on("hello", function (data) {
            console.log("客户端方法被调用");
        });

        conn.start().done(function (data) {

            //调用服务器方法
            proxy.invoke("Hello");

        });
    </script>
</body>
</html>