何为ASP.NET SignalR，有什么用

ASP.NET SignalR是一个ASP.NET库，是为了实现实时web通信而创造的，能让服务器与客户端实现即时通信，而不需要服务器等待接收到客户端请求才能返回内容。简言之，就是可以实现服务端主动给客户端发送请求。

ASP.NET SignalR的依赖环境

  • Windows 7&8 或 Windows Server 2008 R2 & Windows 2012
  • IIS 8 + & 集成模式
  • .NET FRAMEWOKR 4.5 +
  • 支持websocket的浏览器

实际上，ASP.NET SignalR请求是基于http的，在不支持websocket的环境下，会自动降级到Comet模式（即Forever Frame/Ajax long polling）兼容旧版本客户端

ASP.NET SignalR的两种通信模型

1、Persistent connection 持久性连接

Persistent Connections表示一个发送单个，编组，广播信息的简单终结点。开发人员通过使用持久性连接Api，直接访问SignalR公开的底层通信协议

2、Hub 集线器

Hubs是基于连接Api的更高级别的通信管道，它允许客户端和服务器上彼此直接调用方法，SignalR能够很神奇地处理跨机器的调度，使得客户端和服务器端能够轻松调用在对方端上的方法。使用Hub还允许开发人员将强类型的参数传递给方法并绑定模型

讲了那么多废话，下面就演示两种不同通信模型的实例吧

准备条件

1、使用Visual Studio 2015，创建一个默认的ASP.NET MVC项目

2、安装ASP.NET SignalR，在nuget power shell中执行

Install-Package Microsoft.AspNet.SignalR

3、添加SignalR服务，添加->新建项->Visual C#/Web/SignalR，便可看到两种不同的通信模型

4、在根目录下面新建Connections文件夹

Persistent Connections演示实例

1、在Connections文件下，添加->新建项->Visual C#/Web/SignalR，选择SignalR永久连接类（v2）

    public class ChatConnection : 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);

        }

    }

2、在根目录下找到Startup.cs

    public partial class Startup

    {

        public void Configuration(IAppBuilder app)

        {

            ConfigureAuth(app);

            app.MapSignalR<ChatConnection>("/Connections/ChatConnection");

        }

    }

3、在HomeController.cs

        public ActionResult PersistentConnection()

        {

            return View();

        }

4、新建PersistentConnection.cshtml

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>PersistentConnection</title>

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>

    <script src="~/Scripts/jquery.signalR-2.2.1.min.js"></script>

    <script type="text/javascript">

        $(function () {

            // 声明PersistentConnection连接

            var connection = $.connection("/Connections/ChatConnection");

            $('#displayname').val(prompt('Enter your name:', ''));

            $("msg").focus();

            // 接收内容

            connection.received(function (data) {

                $('#messages').append('<li>' + data + '</li>');

            });

            // 开启连接

            connection.start().done(function () {

                $("#broadcast").click(function () {

                    // 发送内容

                    connection.send($('#displayname').val() + '：' + $('#msg').val());

                });

            });

        });

    </script>

</head>

<body>

    <input type="text" id="msg" />

    <input type="button" id="broadcast" value="broadcast" />

    <input type="hidden" id="displayname" />

    <ul id="messages"></ul>

</body>

</html>

5、在Chrome中运行

Hubs演示实例（图片就不贴了，基本与Persistent Connections一样）

1、在Connections文件下，添加->新建项->Visual C#/Web/SignalR，选择SignalR集线器类（v2）

    public class ChatHub : Hub

    {

        public void Send(string name, string message)

        {

            // 回调客户端函数，这里与客户端

            Clients.All.broadcastMessage(name, message);

        }

    }

2、在根目录下找到Startup.cs

        public void Configuration(IAppBuilder app)

        {

            ConfigureAuth(app);

            app.MapSignalR();

        }

3、在HomeController.cs

        public ActionResult Hub()

        {

            return View();

        }

4、并新建Hub.cshtml

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <title>Hub</title>

    <style type="text/css">

        .container {

            background-color: #99CCFF;

            border: thick solid #808080;

            padding: 20px;

            margin: 20px;

        }

    </style>

</head>

<body>

    <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>

    <!-- 引用jquery库 -->

    <script src="/Scripts/jquery-1.10.2.min.js"></script>

    <!-- 引用SignalR库 -->

    <script src="/Scripts/jquery.signalR-2.2.1.min.js"></script>

    <!-- 声明自动生成hub脚本路径 -->

    <script src="/signalr/hubs"></script>

    <script type="text/javascript">

        $(function () {

            // 声明hub代理，首字母需小写，与hub类名对应（也可使用别名）

            var chat = $.connection.chatHub;

            // 服务端回调函数，与hub类中Clients.All.broadcastMessage(name, message)对应

            chat.client.broadcastMessage = function (name, message) {

                // Html encode display name and message.

                var encodedName = $('<div />').text(name).html();

                var encodedMsg = $('<div />').text(message).html();

                // Add the message to the page.

                $('#discussion').append('<li><strong>' + encodedName

                    + '</strong>:&nbsp;&nbsp;' + encodedMsg + '</li>');

            };

            $('#displayname').val(prompt('Enter your name:', ''));

            $('#message').focus();

            // 开启hub连接

            $.connection.hub.start().done(function () {

                $('#sendmessage').click(function () {

                    // 发送内容至hub服务端，与public void Send(string name, string message)对应

                    chat.server.send($('#displayname').val(), $('#message').val());

                    $('#message').val('').focus();

                });

            });

        });

    </script>

</body>

</html>

5、运行

到此，ASP.NET SignalR介绍完毕

ASP.NET SignalR的更多相关文章

  1. ASP.NET SignalR入门

    前言 之前在培训ASP.NET WebAPI的时候有提过SignalR这个技术,但当时只是讲了是用来做什么的,并没有多说.因为自己也是画图找资料的时候见到的.后来当一直关注的前端大神贤心发布LayIM ...

  2. ASP.NET SignalR 高可用设计

    在 One ASP.NET 的架构图中,微软将 WebAPI 和 SignalR 归类到 Services 类型与 MVC.Web Forms 同列为一等公民,未来的 ASP.NET 5 尽管还在be ...

  3. csharp:ASP.NET SignalR

    http://signalr.net/ https://github.com/SignalR/SignalR http://www.asp.net/signalr http://www.cnblogs ...

  4. ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室 实战系列

    ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室(零) 前言  http://www.cnblogs.com/panzi/p/5742089.html ASP.NET S ...

  5. ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室（十二） 代码重构使用反射工厂解耦（一）缓存切换

    前言 上一篇中,我们用了反射工厂来解除BLL和UI层耦合的问题.当然那是最简单的解决方法,再复杂一点的程序可能思路相同,但是在编程细节中需要考虑的就更多了,比如今天我在重构过程中遇到的问题.也是接下来 ...

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

    一.前言 之前半年时间感觉自己有点浮躁,导致停顿了半年多的时间没有更新博客,今天重新开始记录博文,希望自己可以找回初心,继续沉淀.由于最近做的项目中用到SignalR技术,所以打算总结下Asp.net ...

  7. 《ASP.NET SignalR系列》第五课 在MVC中使用SignalR

    接着上一篇:<ASP.NET SignalR系列>第四课 SignalR自托管(不用IIS) 一.概述 本教程主要阐释了如何在MVC下使用ASP.NET SignalR. 添加Signal ...

  8. 《ASP.NET SignalR系列》第四课 SignalR自托管(不用IIS)

    从现在开始相关文章请到: http://lko2o.com/moon 接着上一篇:<ASP.NET SignalR系列>第三课 SignalR的支持平台 一.概述 SignalR常常依托于 ...

  9. 《ASP.NET SignalR系列》第三课 SignalR的支持平台

    从现在开始相关文章请到: http://lko2o.com/moon 接着第二课:<ASP.NET SignalR系列>第二课 SignalR的使用说明 一.服务器系统要求 SignalR ...

随机推荐

  1. 12306火车票查询--python

    最近我看到看到使用python实现火车票查询,我自己也实现了,感觉收获蛮多的,下面我就把每一步骤都详细给分享出来.(注意使用的是python3) 首先我将最终结果给展示出来: 在cmd命令行执行:py ...

  2. Rafy 中的 Linq 查询支持（根据聚合子条件查询聚合父）

    为了提高开发者的易用性,Rafy 领域实体框架在很早开始就已经支持使用 Linq 语法来查询实体了.但是只支持了一些简单的.常用的条件查询,支持的力度很有限.特别是遇到对聚合对象的查询时,就不能再使用 ...

  3. 图片全部加载完成之后再显示页面ui，公司项目里用上，自己写的几行代码

    说明: -----onload事件   这里我并没有考虑ie的兼容性 因为项目是移动端的: -----求大神指正~ -----自己测试正常 页面没加载完之前会有一个提示 /************** ...

  4. 重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 WebView 中的内容, 为 WebView 截图

    [源码下载] 重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Co ...

  5. clientTarget与用户代理别名

    将特定用户代理的别名添加到用户代理别名的内部集合中. 来自 <https://msdn.microsoft.com/zh-cn/library/6379d90d(v=vs.110).aspx&g ...

  6. [WCF编程]12.事务：事务协议与管理器

    一.事务协议 总体来说,WCF开发人员不需要涉及事务协议与管理器.我们应该依赖WCF来选择相应的事务协议和管理器,重点关注业务逻辑的实现. WCF是根据事务范围里的参与个体来选择事务管理协议的.事务管 ...

  7. java堆和栈的区别

    java 的内存分为两类,一类是栈内存,一类是堆内存.栈内存是指程序进入一个方法时,会为这个方法单独分配一块私属存储空间,用于存储这个方法内部的局部变量,当这个方法结束时,分配给这个方法的栈会释放,这 ...

  8. LNMP环境搭建完整步骤

    零.resource   http://pan.baidu.com/s/1o83r3S2 一.centos 6.4.VirtualBox 5.0.14 二.nginx 1.9.9 安装 [root@p ...

  9. 从零开始学 Java - Spring 使用 Quartz 任务调度定时器

    生活的味道 睁开眼看一看窗外的阳光,伸一个懒腰,拿起放在床一旁的水白开水,甜甜的味道,晃着尾巴东张西望的猫猫,在窗台上舞蹈.你向生活微笑,生活也向你微笑. 请你不要询问我的未来,这有些可笑.你问我你是 ...

  10. PHP规范PSR2

    为了尽可能的提升阅读其他人代码时的效率,下面例举了一系列的通用规则,特别是有关于PHP代码风格的.各个成员项目间的共性组成了这组代码规范.当开发者们在多个项目中合作时,本指南将会成为所有这些项目中共用 ...