1. 前言

本文是根据网上前人的总结得出的。

环境： SignalR2.x，VS2015，Win10

2. 开始开发

1）新建一个MVC项目，叫做SignalRDemo

2）安装SignalR包

Install-Package Microsoft.AspNet.SignalR

Install-Package Microsoft.AspNet.SignalR.Client

安装完包后会有相应的引用和js文件

3）新建startup文件，用来启动SignalR

代码如下：

using System;

using System.Threading.Tasks;

using Microsoft.Owin;

using Owin;

[assembly: OwinStartup(typeof(SignalRDemo.SignalR.StartupSignalR))]

namespace SignalRDemo.SignalR

{

    public class StartupSignalR

    {

        public void Configuration(IAppBuilder app)

        {

            // 有关如何配置应用程序的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkID=316888

            app.MapSignalR();//启动SignalR

        }

    }

}

4）新建Hub类，MyHub。此类的作用是用来与客户端的连接。

可以看到[HubName("myHub")]的注解，是用来与前端JS做绑定

using System;

using System.Collections.Generic;

using System.Linq;

using System.Threading.Tasks;

using System.Web;

using Microsoft.AspNet.SignalR;

using Microsoft.AspNet.SignalR.Hubs;

namespace SignalRDemo.SignalR

{

    [HubName("myHub")]

    public class MyHub : Hub

    {

        //当连接hub实例时被调用

        public override Task OnConnected()

        {

            string connId = Context.ConnectionId;

            return base.OnConnected();

        }

        //当失去连接或链接超时时被调用

        public override Task OnDisconnected(bool stopCalled)

        {

            //stopCalled=true时，客户端关闭连接

            //stopCalled=false时，出现链接超时

            return base.OnDisconnected(stopCalled);

        }

        //重新连接时被调用

        public override Task OnReconnected()

        {

            return base.OnReconnected();

        }

    }

}

上面已经新建了与前端连接类。下面我们开始不同的调用方式

至此，我们创建环境已经结束。

3. 不同调用方式

1）前端调用后端

前端html：

myHub是HubName注解属性。2个js一定要引用：Jquery、SignalR。scripts中有src='/SignalR/hubs'，其中SignalR是我们服务器端的文件夹，hubs是不存在的文件夹。

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <meta charset="utf-8"/>

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

    <!--Reference the SignalR library. -->

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

    <!--Reference the autogenerated SignalR hub script. -->

    <script src='/SignalR/hubs'></script>

    <!--Add script to update the page and send messages.-->

    <script type='text/javascript'>

        $(function () {

            //引用自动生成的代理，myHub是HubName注解属性

            var myHub = $.connection.myHub;

            //开始连接

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

                //客户端发送信息到服务器

                myHub.server.Send($.connection.hub.id);

            });

        });

    </script>

</head>

<body>

</body>

</html>

后端MyHub类中，添加方法：

       //客户端发送信息到服务器

        public void Send(string message)

       {

       }

访问html，就能直接调用Send方法了。

至此，前端调用后端，结束。

2）后端主动调用前端

前端代码，增加了后端调用前端JS

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <meta charset="utf-8"/>

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

    <!--Reference the SignalR library. -->

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

    <!--Reference the autogenerated SignalR hub script. -->

    <script src='/SignalR/hubs'></script>

    <!--Add script to update the page and send messages.-->

    <script type='text/javascript'>

        $(function () {

            //引用自动生成的代理，myHub是HubName注解属性

            var myHub = $.connection.myHub;

            //后端调用前端

            myHub.client.serverSend2Client = function (message) {

                console.log("serverSend2Client message=" + message);

            };

            //开始连接

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

                //客户端发送信息到服务器

                myHub.server.send($.connection.hub.id);

                console.log("connection.hub.id=" + $.connection.hub.id);

            });

        });

    </script>

</head>

<body>

</body>

</html>

后端代码：

我们新建一个Notifier的静态类，好处是让其他类可以灵活地调用，你也可以把方法写在Hub类中

serverSend2Client方法是与前端绑定的JS方法，可以看到前端也有此方法。

    public static class Notifier

    {

        private static readonly IHubContext Context = GlobalHost.ConnectionManager.GetHubContext<MyHub>();

        public static void ServerSend2ClientMethod(string connectionId, string message)

        {

            //注册后端与前端的方法serverSend2Client。connectionId是判断发送给哪个前端

            Context.Clients.Client(connectionId).serverSend2Client(message);

        }

    }

我们在Controller中，添加代码，达到，后端主动调用前端的目的。

注意，connectionId在后端与前端后可以获取。

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

using SignalRDemo.SignalR;

namespace SignalRDemo.Controllers

{

    public class DefaultController : Controller

    {

        // GET: Default

        public ActionResult Index()

        {

            //接收connId，connId是前端与后端连通的唯一标识

            string connId = Request["connId"] ?? "";

            //调用 后端主动调用前端的方法

            Notifier.ServerSend2ClientMethod(connId, Math.Round(1000.0) + "");

            return View();

        }

    }

}

至此，后端主动调用前端代码结束。

代码下载地址GitHub  https://github.com/cjt321/SignalRDemo

如果你的部署是负载均衡，多台服务器，可以查看Redis与SignalR的配置。C# BS消息推送 负载均衡-SignalR&Redis的配置（三）

可以关注本人的公众号，多年经验的原创文章共享给大家。

C# BS消息推送 SignalR Hubs环境搭建与开发（二）的更多相关文章

  1. C# BS消息推送 SignalR介绍（一）

    1. 前言 本文是根据网上前人的总结得出的. 环境: SignalR2.x,VS2015,Win10 介绍 1)SignalR能用来持久客户端与服务端的连接,让我们便于开发一些实时的应用,例如聊天室在 ...

  2. 消息推送SignalR简单实例

    消息推送SignalR:一个ASP .NET 下的类库,可以在ASP .NET 的Web项目中实现实时通信. 功能:当所连接的客户端变得可用时服务器代码可以立即向其推送内容,而不是让服务器等待客户端请 ...

  3. iOS 10 消息推送（UserNotifications）秘籍总结（二）

    背景 上一篇博客iOS 10 消息推送(UserNotifications)秘籍总结(一)发布后被 简书编辑推荐至首页,这着实让我受宠若惊啊.可是好事不长,后面发生了让我伤心欲绝的事,我的女朋友不要我 ...

  4. Android 基于Netty的消息推送方案之概念和工作原理(二)

    上一篇文章中我讲述了关于消息推送的方案以及一个基于Netty实现的一个简单的Hello World,为了更好的理解Hello World中的代码,今天我来讲解一下关于Netty中一些概念和工作原理的内 ...

  5. 用 centrifugo 搭建 消息推送服务器 docker + rancher 搭建

    关于消息推送服务器 目前有很多第三方的开放成熟的推送服务.鉴于项目需要 我们项目需要自己搭建 自己的推送服务. 我们的推送应用场景 聊天消息 项目内部消息提醒 移动设备接受消息 应用到的相关软件工具知 ...

  6. 消息推送SignalR

    一.什么是 SignalR ASP.NET SignalR is a library for ASP.NET developers that simplifies the process of add ...

  7. C# BS消息推送 负载均衡-SignalR&Redis的配置（三）

    1. 前言 本文是根据网上前人的总结得出的. 环境: SignalR2.x,VS2015,Win10 2. 负载均衡配置 配置很简单,只要在startup类中添加Redis的连接就OK. 1)首先,引 ...

  8. 细说 iOS 消息推送

    APNS的推送机制 与Android上我们自己实现的推送服务不一样,Apple对设备的控制很严格.消息推送的流程必需要经过APNs: 这里 Provider 是指某个应用的Developer,当然假设 ...

  9. MPush开源消息推送系统：简洁、安全、支持集群

    引言由于之前自己团队需要一个消息推送系统来替换JPUSH,一直找了很久基本没有真正可用的开源系统所有就直接造了个轮子,造轮子的时候就奔着开源做打算的,只是后来创业项目失败一直没时间整理这一套代码,最近 ...

随机推荐

  1. HashMap两种遍历方式的深入研究

    转自:http://swiftlet.net/archives/1259 HashMap的遍历有两种方式,如下所示:第一种利用entrySet的方式:   1 2 3 4 5 6 7 Map map ...

  2. 将jsp页面转化为图片或pdf（一）

    在项目中遇见了将jsp页面转化为pdf的问题,试过itext,但是itext需要标准的html代码,我的页面中的一些属性是itext所不识别的,所以努力了一段时间后就放弃了,后来发现htmlutil抓 ...

  3. 转：MYSQL连接字符串参数解析（解释）

    被迫转到MySQL数据库,发现读取数据库时,tinyint类型的值都被转化为boolean了,这样大于1的值都丢失,变成true了.查阅资料MySQL中无Boolean类型,都是存储为tinyint了 ...

  4. HttpClient发送Get和Post请求

    package JanGin.httpClient.demo; import java.io.IOException; import java.io.UnsupportedEncodingExcept ...

  5. 图的基本遍历算法的实现（BFS & DFS）复习

    #include <stdio.h> #define INF 32767 typedef struct MGraph{ ]; ][]; int ver_num, edge_num; }MG ...

  6. 2016-1-29 图解HTTP(04)

    第7章 确保Web安全的HTTPS 在HTTP协议中有可能存在信息窃听或身份伪装等安全问题.使用HTTPS通信机制可以有效的防止这些问题. 7.1 HTTP的缺点 ● 通信使用明文(不加密),内容可能 ...

  7. Mac无法写入移动硬盘

    1.使用mac 磁盘工具,格式化移动硬盘 频繁穿插于mac于pc之间者,大批量拷贝大型文件者,请用exfat 首先,排除Fat32,虽然这是兼容性最好的文件格式,但一个不支持4g以上文件的格式(现在随 ...

  8. SSDB 主从配置

    环境 Master/Slave     系统 IP SSDB版本 Master     CentOS6.7         10.10.3.211         ssdb-1.8.0     Sla ...

  9. swift-func（函数）

    函数是一个组织在一起语句集合,以执行特定任务. Swift 函数类似于简单 C 函数以及复杂的 Objective C 语言函数. 它使我们能够通过函数调用内部的局部和全局参数值. 像其他任何语言一样 ...

  10. smack 4.1创建群聊

    smack 4.1.1版本对群聊修改了很多,MultUserChat的构造函数修改成了私有,以前通过new MultUserChat创建聊天室,现在通过MultUserChatMananger先通过r ...