原文:一步一步学习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. split 函数自己实现

    要求自己实现split函数 def mySplit(str,delimiter): result = [] start = 0 pos = str.find(delimiter, start) whi ...

  2. Opencv 完美配置攻略 2014 (Win8.1 + Opencv 2.4.8 + VS 2013)上

    下载安装软件 下载 Opencv for Windows 最新版本,本文是 Opencv 2.4.8.双击后会出现解压提示,实际上就是“安装”了,路径填写为 D:/Program Files,然后确定 ...

  3. 勉強すべきURL

    http://www.atmarkit.co.jp/ait/articles/1403/19/news034_2.html http://webdesignerwork.jp/web/responsi ...

  4. mysql数据类型整理

    mysql 中数据类型主要有三种 文本.数字 ,日期/时间 文本类型:char 定长,varchar变长,都是最多65535,char多了会截取,varchar少了自动补长.text最多65535,b ...

  5. 给js文件传递参数

    一.利用全局变量 这是最简单的一种方式,比如Google Adsense: <script type="text/javascript"> google_ad_clie ...

  6. SymPy-符号运算好帮手

    SymPy-符号运算好帮手 SymPy是Python的数学符号计算库,用它可以进行数学公式的符号推导.为了调用方便,下面所有的实例程序都假设事先从sympy库导入了所有内容: >>> ...

  7. CentOS7 vs centos6

    The CentOS Project has announced general availability of CentOS-7, the first release of the free Lin ...

  8. WISPr1.0

    王桢珍 王兵 侯志强 苑红 中国移动研究院 网络技术研究所, 北京100053 摘要   本文详细介绍了WLAN国际漫游的WISPr1.0技术规范并探讨其具体实现,包括基于WISPr1.0的WLAN国 ...

  9. ADB几种常见的错误及解决方法

    下面列举出几种常见的错误及解决方法. Q1:无效的安装包,安装包已损坏[INSTALL_FAILED_INVALID_APK] A1:请检查安装包是否完整.如果是xpk包,可以通过 手动安装xpk来检 ...

  10. PostMessage和SendMessage的区别

    1, PostMessage只把消息放入队列,不管其他程序是否处理都返回,然后继续执行,这是个异步消息投放函数.而SendMessage必须等待其他程序处理消息完了之后才返回,继续执行,这是个同步消息 ...