• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >ASP.NET > ASP.NET用SignalR建立浏览器和服务器的持久连接详解

ASP.NET用SignalR建立浏览器和服务器的持久连接详解

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了asp.net,asp net培训,asp和asp.net的区别,零基础学asp.net,c#和asp.net的区别等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

前言

浏览器访问网页通过的是 HTTP 协议,浏览器发送一个请求,服务器返回一个结果。服务器是被动接收请求,如果想反过来,服务器主动发送信息给浏览器咋办呢?

有很多解决方法,比如轮循(浏览器定时去向服务器询问是否有新数据)、WebSocket(HTML 5)……

而 SignalR 就是把这些技术综合在一起,它自动识别当前浏览器支持哪些方式,然后选择最优的方式。我们开发时不必去关注这些细节,SignalR 会帮我们实现,而且 SignalR 是微软开发的,好用是一贯风格。

环境

.NET 4.5 及以上,低了不行。

如果 Visual Studio 版本太低,没有 SignalR,则按下面的步骤添加:

Visual Studio 的菜单“工具 -> 库程序包管理器 -> 管理解决方案的 NuGet 程序包(打开解决方案之后才有)”,在弹出对话框中搜索“SignalR”。

我用的 Visual Studio 2013 是不需要手工添加 SignalR 的,本身就自带。

实战

打开 Visual Studio(我的版本是 2013),建立一个 ASP.NET 项目。

第一步、添加一个“SignalR 永久连接类”

如下图:


添加后,我们可以发现 Visual Studio 还自动为我们添加了一些引用,还有 Scripts 文件夹(里面包含 jquery.signalR-2.0.0.js)。这个类初始的代码如下:

public class MyConnection1 : PersistentConnection
{
 protected override Task OnConnected(IRequest request, string connectionId)
 {
 return Connection.Send(connectionId, "Welcome!");
 }

 protected override Task OnReceived(IRequest request, string connectionId, string data)
 {
 return Connection.Broadcast(data);
 }
}
</div>

第二步、添加“OWIN Startup 类”


然后添加点代码:

public class Startup1
{
 public void Configuration(IAppBuilder app)
 {
 // 有关如何配置应用程序的详细信息,请访问 http://go.microsoft.com/fwlink/?LinkID=316888
 app.MapSignalR<MyConnection1>("/myPath"); // myPath 是我们随便写的。
 }
}
</div>

MyConnection1 就是第一步创建的类名。

第三步、添加一个“Web 窗体 ”

<textarea id="info" cols="60" rows="10"></textarea>
<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/jquery.signalR-2.0.0.min.js"></script>
<script type="text/javascript">
<!--
 var conn = $.connection("/myPath");

 conn.start().done(function (data) {
  $("#info").append("连接成功,connectionId 为: " + data.id + "\r\n");
 });

 conn.received(function (data) {
  $("#info").append("收到数据: " + data + "\r\n");
 });
//-->
</script>
</div>

运行效果如下:


扩展一下

MyConnection1:

方法 OnConnected:创建了连接时。

方法 OnReceived:收到了客户端提交的数据时,参数 data 就是它所收到的数据。

方法 OnDisconnected:断开了连接时。上面没有用它。

方法 OnReconnected:重新连接了时。上面没有用它。

……
MyConnection1 的 Connection 属性:

方法 Send:向浏览器发送数据,第一个参数为 connectionId(字符串类型),第二个参数为要发送的数据。

方法 Broadcast:向所有浏览器(准确地说应该是所有连接)发送数据。

JS:

  1. var conn = $.connection("/myPath"); 创建连接对象。
  2. conn.start().done() start() 是开始连接,done() 连接成功后要执行的代码。
  3. conn.received() 是收到服务器发送来的数据要执行的。
  4. conn.send() 是向服务器发送数据。上面没有用它。

下面看一个更全点的代码:

上面不是说有些方法没有用到没,下面的例子更全一点:

MyConnection1:

protected override Task OnConnected(IRequest request, string connectionId)
{
 return Connection.Send(connectionId, "Welcome!");
}

protected override Task OnReceived(IRequest request, string connectionId, string data)
{
 Connection.Send(connectionId, "我收到了:" + data);
 return Connection.Broadcast("全体注意:我收到了客户端的数据。");
}
</div>

Web 窗体的代码:

<textarea id="info" cols="60" rows="10"></textarea>
要发送到服务器的消息:<input type="text" id="msg" size="20" />
<input type="button" value="发送消息" onclick="javascript: conn.send($('#msg').val());" />
<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/jquery.signalR-2.0.0.min.js"></script>
<script type="text/javascript">
<!--
 var conn = $.connection("/myPath");

 conn.start().done(function (data) {
  $("#info").append("连接成功,connectionId 为: " + data.id + "\r\n");
 });

 conn.received(function (data) {
  $("#info").append("收到数据: " + data + "\r\n");
 });
//-->
</script>
</div>

到目前为止,大家可能都提不起兴趣,服务器主动发送数据在哪里???

我们现在做一个定时程序,服务器定时向浏览器发送数据。

新建 Global.asax(全局应用程序类)(并不是说这些代码只能在 Global.asax 中运行,我们只是为了测试定时执行,才放在这里的)。

添加如下代码:

protected void Application_Start(object sender, EventArgs e)
{
 Timer timer = new Timer(5000);
 timer.Elapsed += timer_Elapsed;
 timer.Start();
}

void timer_Elapsed(object sender, ElapsedEventArgs e)
{
 var context = GlobalHost.ConnectionManager.GetConnectionContext<MyConnection1>();
 context.Connection.Broadcast("我在 " + DateTime.Now.ToString() + " 主动向浏览器发送数据。");
}
</div>

效果如下:


以上代码,我们用的是 context.Connection.Broadcast,如果是针对某一连接发送,则用 Send 方法,这就需要 connectionId,不过要选择哪个 connectionId 都是业务层面的事,不是问题。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Asp.net SignalR 应用并实现群聊功能 开源代码
  • asp.net动态更新
  • asp.net利用母版制作页脚效果
  • Asp.Net服务器发送HTTP标头后无法设置内容类型的问题解决
  • 使用asp.net mvc,boostrap及knockout.js开发微信自定义菜单编辑工具(推荐)
  • 详解ASP.NET MVC 常用扩展点:过滤器、模型绑定
  • ASP.NET Core发送邮件的方法
  • 在ASP.NET Core 中发送邮件的实现方法(必看篇)
  • ASP.NET MVC从视图传参到控制器的几种形式
  • Asp.net core WebApi 使用Swagger生成帮助页实例

相关文章

  • 2017-05-11DataGridView - DataGridViewCheckBoxCell的使用介绍
  • 2017-05-11ASP.NET操作Word的IIS权限设置
  • 2017-05-11asp.net的IndexOf,LastIndexOf,IndexOfAny和LastIndexOfAny的用法
  • 2017-05-11asp.net 数据类型转换类代码
  • 2017-05-11.NET中的异步编程-EAP/APM使用方法及案例介绍
  • 2017-05-11asp.net Urlrewriter在虚拟主机上的使用方法
  • 2017-05-11ASP.NET Web API教程 创建Admin视图详细介绍
  • 2017-05-11ASP.NET实现单点登陆(SSO)适用于多种情况
  • 2017-05-11未能加载文件或程序集“AspNetPager”或它的某一个依赖项。拒绝访问
  • 2017-05-11asp.net TripleDES加密、解密算法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 浅谈ASP.NET的Postback 实例代码第1/2页
    • firebird Embedded模式(.net 3.5)
    • WPF集合控件实现分隔符(ItemsControl Separator)
    • ASP与ASP.NET互通COOKIES的一点经验
    • ASP.Net 图片存入数据库的实现代码
    • asp.net(c#)利用构造器链的代码
    • ASP.NET记录错误日志的实现方法
    • 如何为asp.net网站项目添加子项目
    • 《解剖PetShop》之二:PetShop数据访问层数之据库访问设计
    • 在Asp.net网页上写读Cookie的两种不同语法介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有