原文:一步一步学习SignalR进行实时通信_2_Persistent Connections

一步一步学习SignalR进行实时通信\_2_Persistent Connections

SignalR

前言

上一篇文章简单的介绍了下SignalR,从此篇文章就开始对SignalR进行剖析。在介绍Persistent connections之前,先简单介绍下安装signalR的方法。

我的开发环境:win10+vs2013

安装

  1. 首先我们新建一个空的MVC5的项目

  2. 通过Nuget[1]安装SignalR,通过Tools->Nuget Package Manager->Package Manager Console打开Package Manager Console
  3. 输入安装语句Install-Package Microsoft.AspNet.SignalR

    可以看到添加了JQuery和SignalR2.0

Persistent Connections

映射并配置持久连接

如果我们要是实现基于PersistentConnection的实时信息传输,首先第一步我们需要在服务器启动时对SignalR进行配置。由于我们是基于Owin来实现SignalR的所以,我们在Startup中找到Configuration中配置,类似如果我们要实现其他的Owin框架我们也可以在这里进行配置。

  1. 映射

    1. using System;
      2. 

    2. using System.Threading.Tasks;
      3. 

    3. using Microsoft.Owin;
      4. 

    4. using Owin;
      5. 

    5. using SignalR_2.Models;
      6. 

    6. //设置Owin的启动项
      7. 

    7. [assembly: OwinStartup(typeof(SignalR_1.Startup))]
      8. 

    8. namespace SignalR_·
      9. 

    9. {
      10. 

    10.     public class Startup
      11. 

    11.     {
      12. 

    12.         public void Configuration(IAppBuilder app)
      13. 

    13.         {
      14. 

    14.             // For more information on how to configure your application, visit http://go.microsoft.com/fwlink/?LinkID=316888
      15. 

    15.             app.MapSignalR<EchoConnection>("/echo");
      16. 

    16.         }
      17. 

    17.     }
      18. 

    18. }

    通过MapSignalR()方法来做映射,/echo表示将会映射到/echo,后面我我们转到MapSignalR定义

    " title="">

    MapSignalR()是一个扩展方法,它有许多重载方法,而我们主要关心的就是如图所示的泛型方法。这个方法的TConnection要求是一个PersistentConnection类型。

    好了,到此为止我们已经知道我们需要什么了,没必要继续深究下去。通过以上的研究,很明显,我们需要构造这么一个类去继承PersistentConnection来实现SignalR服务

  2. 实现SignalR服务

    我们新建一个类叫做EchoConnection,代码如下:

    1. using System;
      2. 

    2. using System.Collections.Generic;
      3. 

    3. using System.Linq;
      4. 

    4. using System.Threading;
      5. 

    5. using System.Threading.Tasks;
      6. 

    6. using System.Web;
      7. 

    7. using Microsoft.AspNet.SignalR;
      8. 

      9. 

    9. namespace SignalR_1.Models
      10. 

    10. {
      11. 

    11.     public class EchoConnection : PersistentConnection
      12. 

    12.     {
      13. 

    13.         /// <summary>
      14. 

    14.         /// 当前连接数
      15. 

    15.         /// </summary>
      16. 

    16.         private static int _connections = 0;
      17. 

    17.         /// <summary>
      18. 

    18.         /// 连接建立时执行
      19. 

    19.         /// </summary>
      20. 

    20.         /// <param name="request"></param>
      21. 

    21.         /// <param name="connectionId"></param>
      22. 

    22.         /// <returns></returns>
      23. 

    23.         protected override async Task OnConnected(IRequest request, string connectionId)
      24. 

    24.         {
      25. 

    25.             //原子操作,防止多条现成同时+1而只做一次变化
      26. 

    26.             Interlocked.Increment(ref _connections);
      27. 

    27.             await Connection.Send(connectionId, "Hi, " + connectionId + "!");
      28. 

    28.             await Connection.Broadcast("新连接 " + connectionId + "开启. 当前连接数: " + _connections);
      29. 

    29.         }
      30. 

    30.         /// <summary>
      31. 

    31.         /// 连接关闭时执行
      32. 

    32.         /// </summary>
      33. 

    33.         /// <param name="request"></param>
      34. 

    34.         /// <param name="connectionId"></param>
      35. 

    35.         /// <returns></returns>
      36. 

    36.         protected override Task OnDisconnected(IRequest request, string connectionId)
      37. 

    37.         {
      38. 

    38.             //原子操作,防止多条现成同时-1而只做一次变化
      39. 

    39.             Interlocked.Decrement(ref _connections);
      40. 

    40.             return Connection.Broadcast(connectionId + " 连接关闭. 当前连接数: " + _connections);
      41. 

    41.         }
      42. 

    42.         /// <summary>
      43. 

    43.         /// 连接开始时执行
      44. 

    44.         /// </summary>
      45. 

    45.         /// <param name="request"></param>
      46. 

    46.         /// <param name="connectionId"></param>
      47. 

    47.         /// <param name="data"></param>
      48. 

    48.         /// <returns></returns>
      49. 

    49.         protected override Task OnReceived(IRequest request, string connectionId, string data)
      50. 

    50.         {
      51. 

    51.             var message = connectionId + ">> " + data;
      52. 

    52.             return Connection.Broadcast(message);
      53. 

    53.         }
      54. 

    54.     }
      55. 

    55. }

    我们定义了一个EchoConnection类继承PersistentConnetion,并写了OnConnected、OnDisconnected、OnReceived、三个方法,大致功能是当客户端连接时,服务器会通过Send()方法向它打招呼,参数是他的ConnectionId,并发送广播消息给所有客户端,并使总连接数+1,当客户端关闭连接时,服务器会广播给所有客户端XXX连接关闭,并使总连接数-1

  3. 客户端实现

  1. <!DOCTYPE html>
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. 

  3. <head>
    4. 

  4.     <title>persistent connections</title>
    5. 

  5.     <script src="Scripts/jquery-1.10.2.min.js"></script>
    6. 

  6.     <script src="Scripts/jquery.signalR-2.0.0.min.js"></script>
    7. 

  7. </head>
    8. 

  8. <body>
    9. 

  9.     <h1>Echo service</h1>
    10. 

  10.     <div>
    11. 

  11.         <input type="text" id="text" />
    12. 

  12.         <button id="send">Send</button>
    13. 

  13.     </div>
    14. 

  14.     <script>
    15. 

  15.         $(function () {
    16. 

  16.             var connection = $.connection("/echo");
    17. 

  17.             connection.logging = true;
    18. 

    19. 

  19.             connection.received(function (data) {
    20. 

  20.                 $("body").append(data + "<br />");
    21. 

  21.             });
    22. 

    23. 

  23.             connection.error(function (err) {
    24. 

  24.                 alert("存在一个错误. \n" +
    25. 

  25.                             "Error: " + err.message);
    26. 

  26.             });
    27. 

    28. 

  28.             connection.start().done(function () {
    29. 

  29.                 $("#send").click(function () {
    30. 

  30.                     connection.send($("#text").val());
    31. 

  31.                     $("#text").val("").focus();
    32. 

  32.                 });
    33. 

  33.             });
    34. 

  34.         });
    35. 

  35.     </script>
    36. 

  36. </body>
    37. 

  37. </html>

对上面的代码有疑问看下面的图片

如图所示:左边是客户端的javascript代码,右边是服务器的代码

当客户端调用start方法时,会执行服务器的OnConnected方法

当客户端点击发送按钮发送消息时,服务端会在OnReceived中接收到消息

当服务端对消息进行发送或广播给客户端时,客户端receive会接收到此消息

结束语

这里通过PersistentConnection实现了在线聊天的简单例子。

注意在项目运行期间,我出现过几次程序集版本不对的情况,若出现此种情况,通过Install-Package XXX 重装该程序集或Update-Package XXX升级该程序集,一般均可解决

源码下载

本文发布至作业部落

参考文献

SignalR Programming in Microsoft ASP.NET pdf 下载

[1] NuGet 是免费、开源的包管理开发工具。 ↩

一步一步学习SignalR进行实时通信_2_Persistent Connections的更多相关文章

  1. 一步一步学习SignalR进行实时通信_1_简单介绍

    一步一步学习SignalR进行实时通信\_1_简单介绍 SignalR 一步一步学习SignalR进行实时通信_1_简单介绍 前言 SignalR介绍 支持的平台 相关说明 OWIN 结束语 参考文献 ...

  2. 一步一步学习SignalR进行实时通信_8_案例2

    原文:一步一步学习SignalR进行实时通信_8_案例2 一步一步学习SignalR进行实时通信\_8_案例2 SignalR 一步一步学习SignalR进行实时通信_8_案例2 前言 配置Hub 建 ...

  3. 一步一步学习SignalR进行实时通信_9_托管在非Web应用程序

    原文:一步一步学习SignalR进行实时通信_9_托管在非Web应用程序 一步一步学习SignalR进行实时通信\_9_托管在非Web应用程序 一步一步学习SignalR进行实时通信_9_托管在非We ...

  4. 一步一步学习SignalR进行实时通信_7_非代理

    原文:一步一步学习SignalR进行实时通信_7_非代理 一步一步学习SignalR进行实时通信\_7_非代理 SignalR 一步一步学习SignalR进行实时通信_7_非代理 前言 代理与非代理 ...

  5. 一步一步学习SignalR进行实时通信_5_Hub

    原文:一步一步学习SignalR进行实时通信_5_Hub 一步一步学习SignalR进行实时通信\_5_Hub SignalR 一步一步学习SignalR进行实时通信_5_Hub 前言 Hub命名规则 ...

  6. 一步一步学习SignalR进行实时通信_6_案例

    原文:一步一步学习SignalR进行实时通信_6_案例 一步一步学习SignalR进行实时通信\_6_案例1 一步一步学习SignalR进行实时通信_6_案例1 前言 类的定义 各块功能 后台 上线 ...

  7. 一步一步学习SignalR进行实时通信_4_Hub

    原文:一步一步学习SignalR进行实时通信_4_Hub 一步一步学习SignalR进行实时通信\_4_Hub SignalR 一步一步学习SignalR进行实时通信_4_Hub 前言 创建Hub 配 ...

  8. 一步一步学习SignalR进行实时通信_3_通过CORS解决跨域

    原文:一步一步学习SignalR进行实时通信_3_通过CORS解决跨域 一步一步学习SignalR进行实时通信\_3_通过CORS解决跨域 SignalR 一步一步学习SignalR进行实时通信_3_ ...

  9. 12.Linux软件安装 (一步一步学习大数据系列之 Linux)

    1.如何上传安装包到服务器 有三种方式: 1.1使用图形化工具,如: filezilla 如何使用FileZilla上传和下载文件 1.2使用 sftp 工具: 在 windows下使用CRT 软件 ...

随机推荐

  1. Python核心编程读笔 13：执行环境

    第14章  执行环境 一.可调用对象 python有四种可调用对象:函数.方法.类.一些类的实例 1 函数 (1)内建函数(BIF) BIF是用c/c++写的,编译后放入python解释器,然后把它们 ...

  2. Java提高学习之Object(2)

    Equality 问:euqals()函数是用来做什么的? 答:equals()函数可以用来检查一个对象与调用这个equals()的这个对象是否相等. 问:为什么不用“==”运算符来判断两个对象是否相 ...

  3. QF——OC数组

    OC中的数组: OC中的数组和它的字符串有很多相似之处.也分为可变和不可变. NSArray:不可变数组,一经初始化,便不能再更改: NSMutableArray:可变数组,它其实是继承于NSArra ...

  4. struts2中使用ognl表达式时各种符号的使用规则$,#,%

    OGNL表达式struts2标签“%,#,$” 一.什么是OGNL,有什么特点? OGNL(Object-Graph Navigation Language),大概可以理解为:对象图形化导航语言.是一 ...

  5. hl7 java 解析

    原文链接 http://blog.csdn.net/ycyangcai/article/details/6643784 Hl7引擎的目标主要是解决将数据按HL7协议的要求标准化,和标准业务的集成和不同 ...

  6. linux实用指令---持续更新

    awk '!a[$0]++'  a > b   删除重复行 ldd  判断某条命令需要哪些共享库文件的支持          ---------------      ]$  ldd a.out ...

  7. c语言 数组最小数

    数组求一个数组的最小数 int number[20] = {0}; int min = 0; for (int i = 0; i < 20; i++) { number[i] = arc4ran ...

  8. Java 覆盖测试工具 ：EclEmma

    http://www.eclemma.org/installation.html#manual EclEmma 2.2.1 Java Code Coverage for Eclipse Overvie ...

  9. 城市平乱(Bellman)

    城市平乱 时间限制:1000 ms  |  内存限制:65535 KB 难度:4   描述 南将军统领着N个部队,这N个部队分别驻扎在N个不同的城市. 他在用这N个部队维护着M个城市的治安,这M个城市 ...

  10. Ubuntu输入password登陆后又跳回到登录界面

    现象:在Ubuntu登陆界面输入password之后.黑屏一闪而且出现了check battery state之类的文字之后,又跳转到登录界面. 原因:主文件夹下的.Xauthority文件拥有者变成 ...