原文:一步一步学习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. C语言队列的实现

    队列是常用的数据结构之一,下面给出一个链式队列的实现: 头文件Queue.h #ifndef Queue_H #define Queue_H typedef int Item; typedef str ...

  2. mysql开启慢查询方法

    1,配置开启 Linux: 在mysql配置文件my.cnf中增加 log-slow-queries=/var/lib/mysql/slowquery.log (指定日志文件存放位置,可以为空,系统会 ...

  3. weather compare

  4. swift 创建tableView并实现协议

    // // ViewController2.swift // swift_helloword // // Created by Charlie on 15/7/13. // Copyright (c) ...

  5. android 读写sd卡的权限设置

    原文:android 读写sd卡的权限设置 在Android中,要模拟SD卡,要首先使用adb的mksdcard命令来建立SD卡的镜像,如何建立,大家上网查一下吧,应该很容易找到,这里不说这个问题. ...

  6. Windows内核之进程的终止和子进程

    1 进程终止的方法: <1>主线程的进入点函数返回(最好使用这种方法) <2>进程中的一个线程调用ExitProcesss函数(应该避免使用这样的方法). <3>还 ...

  7. nyist 303序号互换(数学推理)

    题目链接:http://acm.nyist.net/JudgeOnline/problem.php?pid=303 思路: 开始看错题了,以为最多只有两个字母. 字母转数字的表达式很容易看出来是:(2 ...

  8. js高程笔记--创建对象

    1.工厂模式 ex: function createPerson( name, age, job) { var o = new Object() ; o.name = name; o.job = jo ...

  9. angular的那些事

    angular.js是什么 AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. AngularJS 通过 指令 扩展了 HTM ...

  10. LitJson解析遇到的坑

    今天在些项目的时候,遇到一个坑,现在跟大家分享一下 我遇到的错误是MissingMethodException: Method not found: 'Default constructor not ...