Asp.net SignalR 让实时通信变得简单

巡更项目中,须要发送实时消息,以及须要任务开始提醒,因而便有机会接触到SignalR,在使用过程当中,发现用SignalR实现通讯很是简单,下面我思明将从三个方面分享一下:html

1、SignalR是什么jquery

Asp.net SignalR是微软为实现实时通讯的一个类库。通常状况下,SignalR会使用JavaScript的长轮询(long polling)的方式来实现客户端和服务器通讯,随着Html5中WebSockets出现,SignalR也支持WebSockets通讯。另外SignalR开发的程序不单单限制于宿主在IIS中,也能够宿主在任何应用程序,包括控制台,客户端程序和Windows服务等,另外还支持Mono,这意味着它能够实现跨平台部署在Linux环境下。web

SignalR内部有两类对象:浏览器

  1. Http持久链接(Persisten Connection)对象:用来解决长时间链接的功能。还能够由客户端主动向服务器要求数据,而服务器端不须要实现太多细节,只须要处理PersistentConnection 内所提供的五个事件:OnConnected, OnReconnected, OnReceived, OnError 和 OnDisconnect 便可。
  2. Hub(集线器)对象:用来解决实时(realtime)信息交换的功能,服务端能够利用URL来注册一个或多个Hub,只要链接到这个Hub,就能与全部的客户端共享发送到服务器上的信息,同时服务端能够调用客户端的脚本。

  SignalR将整个信息的交换封装起来,客户端和服务器都是使用JSON来沟通的,在服务端声明的全部Hub信息,都会生成JavaScript输出到客户端,.NET则依赖Proxy来生成代理对象,而Proxy的内部则是将JSON转换成对象。服务器

2、为何要用SignalRapp

  1. 聊天室,如在线客服系统,IM系统等
  2. 消息的实时推送服务
  3. 巡更人员位置的实时推送

3、怎么实现SignalR,下面主要介绍一下SignalR第一大功能,聊天。如下是一个简单的DEMO:asp.net

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

二、选择模板MVC,同时更改无身份验证函数

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

四、新建启动程序 Startup.cs 

在类中添加代码:

app.MapSignalR();

五、新建SignalR集线器类ChatHub.cs

六、在集线器类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();
        }
    }

七、修改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 () {
            // 一、引用自动生成的集线器代理 必须用小写字母开头
            var chat = $.connection.chatHub;

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

            // 三、定义服务器端调用的客户端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>
}

八、直接运行程序,打开多个网页,均可以收到相同的消息。。以下:

 

 综上所述,SignalR使用起来很方便,并且配置很简单,功能也很强大。码字不容易,转载请注明出处

借鉴微博:

[Asp.net 开发系列之SignalR篇]专题一:Asp.net SignalR快速入门

相关文章
相关标签/搜索