当前位置： 移动技术网 > IT编程>开发语言>.net > Asp.net SignalR 让实时通讯变得如此简单

Asp.net SignalR 让实时通讯变得如此简单

2018年01月25日  | 移动技术网IT编程  | 我要评论

搜狗音乐mp3,潍坊地税网上报税,图说青城

巡更项目中，需要发送实时消息，以及需要任务开始提醒，于是便有机会接触到signalr，在使用过程中，发现用signalr实现通信非常简单，下面我思明将从三个方面分享一下：

一、signalr是什么

asp.net signalr是微软为实现实时通信的一个类库。一般情况下，signalr会使用javascript的长轮询(long polling)的方式来实现客户端和服务器通信，随着html5中websockets出现，signalr也支持websockets通信。另外signalr开发的程序不仅仅限制于宿主在iis中，也可以宿主在任何应用程序，包括控制台，客户端程序和windows服务等，另外还支持mono，这意味着它可以实现跨平台部署在linux环境下。

signalr内部有两类对象：

http持久连接(persisten connection)对象：用来解决长时间连接的功能。还可以由客户端主动向服务器要求数据，而服务器端不需要实现太多细节，只需要处理persistentconnection 内所提供的五个事件：onconnected, onreconnected, onreceived, onerror 和 ondisconnect 即可。

hub（集线器）对象：用来解决实时(realtime)信息交换的功能，服务端可以利用url来注册一个或多个hub，只要连接到这个hub，就能与所有的客户端共享发送到服务器上的信息，同时服务端可以调用客户端的脚本。

signalr将整个信息的交换封装起来，客户端和服务器都是使用json来沟通的，在服务端声明的所有hub信息，都会生成javascript输出到客户端，.net则依赖proxy来生成代理对象，而proxy的内部则是将json转换成对象。

二、为什么要用signalr

聊天室，如在线客服系统，im系统等

消息的实时推送服务

巡更人员位置的实时推送

三、怎么实现signalr，下面主要介绍一下signalr第一大功能，聊天。以下是一个简单的demo:

1、新建一个asp.net web 应用程序

2、选择模板mvc，同时更改无身份验证

3、选择新建的项目，右击-->选择管理nuget程序包-->搜索 signalr--> 安装microsoft asp.net signalr

4、新建启动程序 startup.cs

在类中添加代码：

app.mapsignalr();

5、新建signalr集线器类chathub.cs

6、在集线器类chathub.cs中添加如下代码

public class chathub : hub
 {
  /// <summary>
  /// 供客户端调用的服务器端代码
  /// </summary>
  /// <param name="message"></param>
  public void send(string message)
  {
   var name = guid.newguid().tostring().toupper();
   // 调用所有客户端的sendmessage方法
   clients.all.sendmessage(name, message);
  }

  /// <summary>
  /// 客户端连接的时候调用
  /// </summary>
  /// <returns></returns>
  public override task onconnected()
  {
   trace.writeline("客户端连接成功");
   return base.onconnected();
  }
 }

7、修改index.cshtml页面代码

@{
 viewbag.title = "聊天窗口";
}

<h2>chat</h2>

<div class="container">
 <input type="text" id="message" />
 <input type="button" id="sendmessage" value="send" />
 <input type="hidden" id="displayname" />
 <ul id="discussion"></ul>
</div>

@section scripts
{
 <!--引用signalr库. -->
 <script src="~/scripts/jquery.signalr-2.2.2.min.js"></script>
 <!--引用自动生成的signalr 集线器(hub)脚本.在运行的时候在浏览器的source下可看到 -->
 <script src="~/signalr/hubs"></script>

 <script>
  $(function () {
   // 1、引用自动生成的集线器代理 必须用小写字母开头
   var chat = $.connection.chathub;

   // 2、开始连接服务器 done函数表明建立连接成功后为发送按钮注册了一个click事件
   $.connection.hub.start().done(function () {
    $('#sendmessage').click(function () {
     // 调用服务器端集线器的send方法 也要小写开头
     chat.server.send($('#message').val());
     // 清空输入框信息并获取焦点
     $('#message').val('').focus();
    });
   });

   // 3、定义服务器端调用的客户端sendmessage来显示新消息
   chat.client.sendmessage = function (name, message) {
    // 向页面添加消息
    $('#discussion').append('<li><strong>' + htmlencode(name)
     + '</strong>: ' + htmlencode(message) + '</li>');
   };

   // 设置焦点到输入框
   $('#message').focus();
  });

  // 为显示的消息进行html编码
  function htmlencode(value) {
   var encodedvalue = $('<div />').text(value).html();
   return encodedvalue;
  }
 </script>
}

8、直接运行程序，打开多个网页，都可以收到相同的消息。。如下：

综上所述，signalr使用起来很方便，而且配置很简单，功能也很强大。

以上这篇asp.net signalr 让实时通讯变得如此简单就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网