signalR 专题—— 第四篇 模拟RPC模式的Hub操作

 

　　在之前的文章中，我们使用的都是持久连接，但是使用持久连接的话，这种模拟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>

从上面可以看到，invoke方法就是调用服务器方法的操作，比如这里服务端的Hello方法，js中的on就是用来绑定客户端方法，让服务器调用，

然后我们运行一下：

2. 有代理模式

　　有代理的模式下，需要动态生成一个js，使用方式就是script引用。

<script src="/signalr/js"></script>

然后运行程序之后，就有了自动生成的一个js文件，是不是很神奇~~~

有了这个js之后，我们就可以方便的编程了，但是有个遗憾点就是，js是在程序运行后才生成的，这样的话，在代码编程的时候是无法有这个动态生

成的js文件，唯一可以做到的就是：先将运行好的js代码copy到script文件夹下面，添加引用之后，就可以在vs中编程了，如下图：

好了，有人说这种方式不是很方便，确实不方便，我们也有更高级的用法，那就是使用singlar.utils下面的signlar.exe +vs事件生成，这种模式

可以参考本页面右上角的微博。

好了，就此打住~，继续忙活了。

RPC模式的Hub操作的更多相关文章

  1. asp.net signalR 专题—— 第四篇 模拟RPC模式的Hub操作

    在之前的文章中,我们使用的都是持久连接,但是使用持久连接的话,这种模拟socket的形式使用起来还是很不方便的,比如只有一个唯一的 OnReceived方法来处理业务逻辑,如下图: protected ...

  2. Jquery easyui开启行编辑模式增删改操作

    Jquery easyui开启行编辑模式增删改操作 Jquery easyui开启行编辑模式增删改操作先上图 Html代码: <table id="dd"> </ ...

  3. [转]Jquery easyui开启行编辑模式增删改操作

    本文转自:http://www.cnblogs.com/nyzhai/archive/2013/05/14/3077152.html Jquery easyui开启行编辑模式增删改操作先上图 Html ...

  4. Asp.net Webform 使用Repository模式实现CRUD操作代码生成工具

    Asp.net Webform 使用Repository模式实现CRUD操作代码生成工具 介绍 该工具是通过一个github上的开源项目修改的原始作者https://github.com/Supere ...

  5. VIM - 标准模式下简单操作

    1. 概述 标准模式下, 简单操作 移动 删除 复制粘贴 收益 熟练后, 编辑文本基本不需要鼠标操作了 思路 只讲最基本的, 避免初学时的混淆 把基本操作归类了, 方便理解 2. 准备 一篇篇幅较长的 ...

  6. 使用rabbitmq rpc 模式

        服务器端     安装 ubuntu 16.04 server     安装 rabbitmq-server     设置 apt 源 curl -s https://packagecloud ...

  7. Solon rpc 之 SocketD 协议 - 单链接双向RPC模式

    Solon rpc 之 SocketD 协议系列 Solon rpc 之 SocketD 协议 - 概述 Solon rpc 之 SocketD 协议 - 消息上报模式 Solon rpc 之 Soc ...

  8. 忘记root密码---单用户模式进入及操作

    修改root密码----------------单用户模式操作 个人原创博客,转载请注明,否则追究法律责任 1,开机后,迅速按下任意键 2,选择第二个:内核,按e 3,在quient后面按空格 1 或 ...

  9. 自制操作系统Antz(3)——进入保护模式 (中) 直接操作显存

    Antz系统更新地址: https://www.cnblogs.com/LexMoon/category/1262287.html Linux内核源码分析地址:https://www.cnblogs. ...

随机推荐

  1. VC，一条会被鼠标移动的直线

    对话框中的小红线可以被移动的 一.类名是 CBinarizationDlg 二.定义两个变量BOOL m_flag;int nPos;在构造函数初始化m_flag = false;nPos=256;三 ...

  2. Swift - 文件，文件夹操作大全

    ios开发经常会遇到读文件,写文件等,对文件和文件夹的操作,这时就可以使用NSFileManager,NSFileHandle等类来实现. 下面总结了各种常用的操作: 1,遍历一个目录下的所有文件 1 ...

  3. js中获取jsp中的参数

    碰到一个问题需要再js中根据jsp中request的参数判断执行那段代码 第一种写法: if('${method}'=="add"){js代码段1}else{js代码段2} 第二种 ...

  4. Hibernate（六）——多对多关联映射

    前面几篇文章已经较讲解了三大种关联映射,多对多映射就非常简单了,不过出于对关联映射完整性的考虑,本文还是会简要介绍下多对多关联映射. 1.单向多对多关联映射 情景:一个用户可以有多个角色,比如数据录入 ...

  5. 利用用户自己的server、tomcat下的解决iOS7.1企业应用无法安装应用程序 由于证书无效的问题

    1.环境 )操作系统:Windows server 2003.Windows server2008 )JDK:jdk 1.6 )apache-tomcat-6.0.35(注意版本号号,版本号6.0.1 ...

  6. HDU/HDOJ 2612 Find a way 双向BFS

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2612 思路:从两个起点出发,有多个终点,求从两个起点同时能到达的终点具有的最小时间,开两个数组分别保存 ...

  7. 连载：面向对象葵花宝典：思想、技巧与实践（28） - 设计原则：内聚&amp;耦合

    前面通过实例解说了一个一环扣一环的面向对象的开发流程:用例模型 -> 领域模型 -> 设计模型(类模型 + 动态模型),解答了面向对象怎样做的问题.接下来我们就要讲"怎样做好面向 ...

  8. JavaEE session机制

    JavaEE session机制 Http协议: 在讲session之前,必须说下Http协议,HTTP是一个client和server端请求和应答的标准(TCP).由HTTPclient发起一个请求 ...

  9. drupal form 中图片上传

    1.创建url 链接到form $items['qianfeng/add'] = array(     'title' => t('加入信息'),     'page callback' =&g ...

  10. POJ1789 Truck History 【最小生成树Prim】

    Truck History Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 18981   Accepted: 7321 De ...