Asp.net SignalR 让实时通讯变得如此简单
巡更项目中,需要发送实时消息,以及需要任务开始提醒,于是便有机会接触到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 让实时通讯变得如此简单就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
下一篇: 脱发怎么办 秋季防脱发试试3个招数