个人中心
gpt4 book ai didi

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

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章Asp.net SignalR 让实时通讯变得如此简单由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

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

1、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转换成对象.

2、为什么要用SignalR 。

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

消息的实时推送服务 。

巡更人员位置的实时推送 。

3、怎么实现SignalR，下面主要介绍一下SignalR第一大功能，聊天。以下是一个简单的DEMO

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

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

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

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

3、选择新建的项目，右击-->选择管理NuGet程序包-->搜索 signalr--> 安装Microsoft ASP.NET SignalR 。

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

4、新建启动程序 Startup.cs 。

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

在类中添加代码:

app.MapSignalR();

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

5、新建SignalR集线器类ChatHub.cs 。

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

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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页面代码 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
@{
  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、直接运行程序，打开多个网页，都可以收到相同的消息。。如下:

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

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

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

原文链接：https://www.cnblogs.com/highest/p/8309920.html 。

最后此篇关于Asp.net SignalR 让实时通讯变得如此简单的文章就讲到这里了,如果你想了解更多关于Asp.net SignalR 让实时通讯变得如此简单的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

26 4 0
文章推荐： 使用Ajax更新ASP.Net MVC项目中的报表对象方法
文章推荐： 完美解决api、WebService跨域的问题
文章推荐： 正则表达式的使用规则
文章推荐： 在.NET中扫描局域网服务的实现方法
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com