Asp.Net SignalR Hub集线器

简介: 原文:Asp.Net SignalR Hub集线器集线器Hub类 使用持久连接类去开发是有些困难的,因为基于事件的开发方式,我们可以进行操作的地方也仅仅只是OnReceived事件内,这有些像websocket的方式。
原文: Asp.Net SignalR Hub集线器

集线器Hub类

使用持久连接类去开发是有些困难的,因为基于事件的开发方式,我们可以进行操作的地方也仅仅只是OnReceived事件内,这有些像websocket的方式。我们迫切的需要一种更人性化,更为适用的开发方式。

集线器就是我们想要的,集线器是对持久连接类再一次的进行封装,集线器类都继承自Hub,集线器类可以让我们使用RPC的方式进行交互。

创建一个集线器类也是非常简单的

image

这时我们需要对Startup类进行一些改造了,这更为简单只需要一行代码就可以实现

app.MapSignalR();

到源码可以看到,它实际上给了我们一个默认的path,如果不想要的话也可以自定义path,这都是很简单的

image

app.MapSignalR("/simpleHub", new HubConfiguration());

 

现在创建了一个HubDemo的集线器类,代码如下,HelloService是服务器的方法而helloClient是客户端的方法

public class HubDemo : Hub
    {
        public void HelloService()
        {
            Clients.All.helloClient();
        }
    }

到了前端,除了要引用jq和signalR之外还需要引用一下我们的集线器,可以看到这是有一定规律的  /simpleHhub 是MapSignalR的Path,后面是/js。这是什么意思呢?

在应用程序运行后,HubDemo这个类会代理成js,路径就在simpleHub/js 。可以运行看一下

<script src="/simpleHub/js"></script>

image

这个js就是辅助我们进行RPC方式调用的一个核心成员,有兴趣的同学可以研究一下生成的js

下面我们从连接中拿到hubDemo这个集线器类,然后定义客户端的 helloClient方法。因为后面我们的服务器会调用这个函数。

然后我们打开连接,连接完成后调用服务器的 helloService方法,还记得在helloService函数里调用了客户端的helloClient函数。所以运行起来应该是会看到打印的内容

<script type="text/javascript">
        let hubDemo = $.connection.hubDemo;

        hubDemo.client.helloClient = function () {

            console.log("收到服务器的问候");
        }

        $.connection.hub.start().done(function () {
            hubDemo.server.helloService();
        });
    </script>

 

image

 

现在看起来是很好用,但是也会造成困扰,因为代理生成的js只会在应用程序启动后生成,在之前是没有这个js文件的。也是就我们在开发的时候引入的只是一个虚拟的目录文件,这会带来什么问题呢,会导致我们的IDE没有智能的提示,像$.connection.hubDemo这种东西是点不出来的。还会有更大的困扰,每次修改hub类后还要再把项目运行起来才可以,按照编程习惯应该是生成项目就已经OK才对,这一系列问题都需要我们换一种方式

<script src="/simpleHub/js"></script>

所幸在nuget上有一个叫Microsoft.AspNet.SignalR.Utils的包,我们可以把它下载下来,打开可以看到它是一个.exe的可执行文件。这时候就需要配置我们的Visual Studio一起协同工作了

image

在项目上右键属性,找到生成事件,然后编辑后期生成事件

语法是  {signalr.exe的地址} ghp /path:{项目bin的地址} /o:{js文件输出的地址}

下面是生成到项目下的Scripts文件夹下文件名为 hubDemo.js

$(SolutionDir)\packages\Microsoft.AspNet.SignalR.Utils.2.2.1\tools\signalr.exe ghp /path:$(TargetDir) /o:$(ProjectDir)\Scripts\hubDemo.js

image

这个时候生成项目就可以看到文件了,再把它引入到我们的项目中,那自然是一点问题也没有

image

目录
相关文章
|
8月前
|
存储 开发框架 .NET
ASP.NET Core SignalR系列之Hub教程
ASP.NET Core SignalR系列之Hub教程
100 0
|
9月前
|
移动开发 开发框架 网络协议
WPF+ASP.NET SignalR实现动态折线图
WPF+ASP.NET SignalR实现动态折线图
81 0
|
9月前
|
存储 开发框架 .NET
WPF+ASP.NET SignalR实现后台通知
WPF+ASP.NET SignalR实现后台通知
80 0
|
9月前
|
开发框架 前端开发 JavaScript
WPF+ASP.NET SignalR实现简易在线聊天功能
WPF+ASP.NET SignalR实现简易在线聊天功能
129 0
|
前端开发 .NET
使用ASP.NET SignalR实现一个简单的聊天室
原文:使用ASP.NET SignalR实现一个简单的聊天室  前言   距离我写上一篇博客已经又过了一年半载了,时间过得很快,一眨眼,就把人变得沧桑了许多。青春是短暂的,知识是无限的。要用短暂的青春,去学无穷无尽的知识,及时当勉励,岁月不待人。
1860 0
|
.NET 中间件 开发框架
Asp.Net SignalR - 准备工作
原文:Asp.Net SignalR - 准备工作 实时通讯 在做Web的时候经常会有客户端和服务端实时通讯的需求,比如即时聊天等。目前实时通讯有很多种规范和实现方式,但是每一个对浏览器的兼容性或者性能都不是很完美。
1156 0
|
3月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
38 0
|
30天前
|
开发框架 前端开发 .NET
进入ASP .net mvc的世界
进入ASP .net mvc的世界
28 0
|
1月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
95 5