莱芜受欢迎的网站建设,wordpress文章评论插件,asp网站后台源码,改行做网站什么是流式传输#xff1f;流式传输是这一种以稳定持续流的形式传输数据的技术。流式传输的使用场景有些场景中#xff0c;服务器返回的数据量较大#xff0c;等待时间较长#xff0c;客户端不得不等待服务器返回所有数据后#xff0c;再进行相应的操作。这时候使用流式传… 什么是流式传输流式传输是这一种以稳定持续流的形式传输数据的技术。流式传输的使用场景有些场景中服务器返回的数据量较大等待时间较长客户端不得不等待服务器返回所有数据后再进行相应的操作。这时候使用流式传输可以将服务器数据碎片化当每个数据碎片读取完成之后就只传输完成的部分而不需要等待所有数据都读取完成。如何在ASP.NET Core SignalR中启用流式传输在ASP.NET Core SignalR中当一个Hub方法的返回值是ChannelReader或者TaskChannelReader, 这个Hub方法自动就会变成一个流式传输Hub方法。下面我们来做了一个简单的例子创建一个ASP.NET Core Web应用首先我们使用Visual Studio 2017创建一个ASP.NET Core Web应用程序。选择创建ASP.NET Core 2.1的Web Application创建Hub下面我们添加一个StreamHub类代码如下public class StreamHub : Hub{ public ChannelReaderint DelayCounter(int delay) { var channel Channel.CreateUnboundedint();_ WriteItems(channel.Writer, 20, delay); return channel.Reader;} private async Task WriteItems(ChannelWriterint writer, int count, int delay) { for (var i 0; i count; i){ await writer.WriteAsync(i); await Task.Delay(delay);}writer.TryComplete();}
}DelayCounter是一个流式传输方法, 它定义了一个延迟参数delay, 定义了推送数据碎片的间隔时间WriteItems是一个私有方法它返回了一个Task对象WriteItems方法的最后一行writer.TryComplete()表明了流式传输完成配置SignalR首先我们在Startup类的ConfigureService方法中添加SignalR服务services.AddSignalR();然后我们还需要为SignalR流添加路由我们需要在Startup类的Configure方法中添加如下代码app.UseSignalR(routes {routes.MapHubStreamHub(/streamHub);
});添加SignalR客户端脚本库这一步中我们需要在客户端中添加SignalR JS库。这里我们需要借助npm来下载SignalR JS库。npm install aspnet/signalr安装完成后我们手动将signalr.js从projectfolder\node_modulesaspnet\signalr\dist\browser目录中拷贝到wwwroot\lib\signalr目录下编写页面拷贝以下代码到Index.cshtmlJavaScript中启用流式传输在wwwroot\js目录中创建一个新文件signalrstream.js,代码如下代码解释与传统SignalR不同这里我们使用了不同的语法创建一个SignalR连接对于一般的SignalR连接我们会使用connection.on方法来添加监听器但是在使用流式传输的时候我们需要改用connection.stream方法, 这个方法有2个参数Hub方法名称, 本例中是DelayCounterHub方法的参数, 本例中是500connection.stream方法的返回对象中有一个subscribe方法这个方法中可以注册3个事件next - 获得到一个数据碎片时执行complete - 流式传输完成时执行error - 流式传输异常时执行最终效果总结流式传输不是一个新概念但是对ASP.NET Core SignalR来说这是一个非常棒的特性。流式传输保证的用户体验的流畅也降低了服务器压力。大部分程序员都知道SignalR不能传输过大的数据但是使用流式传输之后客户端不需要一次性等待服务器端返回所有数据所以如果你的项目单次请求的数据量很大可以考虑使用SignalR的流式传输改善用户体验减轻服务器压力。本篇源代码地址 https://github.com/lamondlu/StreamingInSignalR相关文章.Net Core SignalR 初体验基于.NET SingalR,LayIM2.0实现的web聊天室ASP.NET 2.2 Preview 1首次支持Java SignalR客户端Asp.Net Core SignalR 用泛型Hub优雅的调用前端方法及传参ASP.NET Core的实时库: SignalR简介ASP.NET Core的实时库: SignalR -- 预备知识横向扩展你的ASP.NET Core SignalR 应用微信小程序与AspNetCore SignalR聊天实例Asp.Net Core SignalR 与微信小程序交互笔记ASP.NET Core 2.1带来SignalR、Razor类库发现 ASP.NET Core SignalRSignalR Core尝鲜原文地址: https://www.cnblogs.com/lwqlun/p/9839305.html.NET社区新闻深度好文欢迎访问公众号文章汇总 http://www.csharpkit.com
