原文:一步一步学习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. ecshop二次开发之购物车常见问题

    1.ecshop二次开发中保存注册用户购物车数据解决方法:ecshop购物车是数据库中cart表来支持的,在ecshop表中rec_id是编号,user_id是注册用户的id,session_id表示 ...

  2. UIKit之浅析UIButton

    UIButton * button =[[UIButton alloc]init]; button.backgroundColor=[UIColor redColor]; [button setTit ...

  3. [原创]浅谈如何使用gcc开发NT核心驱动程序

    原文链接:[原创]浅谈如何使用gcc开发NT核心驱动程序 一谈到在 Win NT 下开发核心驱动程序,可能不少人首先都会想到微软“正统”的VC来.诚然,用VC 配合 WINDDK 的确工作的不错,但或 ...

  4. XML实例入门2

    工具:notepad++.VS2008(MSXML6.0) 来自msdn的例子(经过修改,因为升级到MSXML6.0,有些关键字不太一样了), 需要文件books.xml,books.vsd(博客只支 ...

  5. [原]容器学习（一）：动手模拟spring的IoC

    介绍 学习经典框架的实现原理以及设计模式在其实际中的运用,是非常有必要的,可以让我们更好进行面向对象. 本篇文章就来模拟Spring的IOC功能,明白原理后,可以更好的使用它,进而为进行面向对象提供一 ...

  6. Oracle_用户管理

    创建用户: CREATE USER user   --创建用户user IDENTIFIED {BY password | EXTERNALLY}  --设备用户密码,EXTERNALLY说用该用户由 ...

  7. cdoj 韩爷的情书 有向图 欧拉路径

    //欧拉回路 解法:首先判断欧拉回路存在性:1.连通 2.没有出度入度相差大于1的点 3.如果有出度入度相差等于1的点那么必须有两个,一个出度大于入度作为起点,一个入度大于出度作为终点. 在确定了起点 ...

  8. [Leetcode][Python]23: Merge k Sorted Lists

    # -*- coding: utf8 -*-'''__author__ = 'dabay.wang@gmail.com' 23: Merge k Sorted Listshttps://oj.leet ...

  9. jQuery $.each用法比较详细了

    以下内容非原创,来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html 通过它,你可以遍历对象.数组的属性值并进行处理. 使用说 ...

  10. ios webview 加载含有中文的URL网页显示白屏

    1. ios中的webview加载的URL不可以含有中文,解决办法说将中文字符转码, 如下: - (NSString *)URLEncodeString { NSCharacterSet *set = ...