ASP.NET Core 基于SignalR实时通讯的前后端分离技术

你的名字 2022-12-27 01:30 248阅读 0赞

## 环境 ##

1.  `Visual Studio 2019`
2.  `ASP.NET Core 3.1`

## 创建项目 ##

1.  从菜单中选择`文件`>`新建项目`。
2.  在`创建新项目`对话框中，选择`ASP.NET Core Web 应用程序`，然后选择`下一步` 。
3.  在“配置新项目”对话框中，将项目命名为`SignalRChat`，然后选择`创建`。
4.  在`创建新的 ASP.NET Core Web 应用程序`对话框中，选择`.NET Core 和 ASP.NET Core 3.1` 。
5.  选择`空`项目模板，然后选择`创建` 。

## 添加Hub ##

1.  在项目中添加`Hubs`文件夹主要用于管理`Signar`通讯所需`Hub`类
2.  在`Hubs`文件夹中，使用以下代码创建`ExchangeHub.cs`文件

using System;
    using System.Threading.Tasks;
    using Microsoft.AspNetCore.SignalR;
    
    namespace VueSignalR.Hubs
    {
        public class ExchangeHub : Hub
        {
            public async Task SendMessage()
            {
                await Clients.All.SendAsync("ReceiveMessage", DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss"));
            }
        }
    }

## 配置 SignalR ##

1.  在`Setup.cs`中的`ConfigureServices`函数中添加

services.AddSignalR();

1.  在`Setup.cs`中的`Configure`函数中对应修改为

app.UseEndpoints(endpoints =>
    {
         endpoints.MapControllers();
         endpoints.MapHub<ExchangeHub>("/exchangehub");
     });

前端部分代码基于`vue`和`signalr`进行开发，测试代码请[点击][Link 1]下载

[Link 1]: https://download.csdn.net/download/u014786187/13460074

发表评论取消回复

表情：

评论列表（有 0 条评论，248人围观）

还没有评论，来说两句吧...

相关阅读

相关 ASP.NET Core 使用 SignalR 实现实时通讯

SignalR是一个用于ASP.NET的库，它允许服务器代码向连接的客户端实时发送推送通知。它使用WebSockets作为底层传输机制，但如果浏览器不支持WebSocke...

古城微笑少年丶/ 2024年04月23日 20:22/ 0 赞/ 61 阅读

相关 SSM前后端分离技术

文章目录前言一、前后端分离技术和跨域二、两种不同的实现方案 1.使用注解实现简单请求的跨域传输 2.通过设置请求头和参数

小灰灰/ 2024年04月01日 08:40/ 0 赞/ 65 阅读

相关前后端分离

、前后端分离的好处（1）彻底解放前端（2）提高工作效率，分工更加明确。（3）局部性能提升（4）降低维护成本 2、前后端分离的概念后台只需要提供API接口，

灰太狼/ 2023年06月03日 02:53/ 0 赞/ 43 阅读

相关 ASP.NET Core 基于SignalR实时通讯的前后端分离技术

环境 1. `Visual Studio 2019` 2. `ASP.NET Core 3.1` 创建项目 1. 从菜单中选择`文件`>`新建项目`。 2.

你的名字/ 2022年12月27日 01:30/ 0 赞/ 249 阅读

相关前后端分离架构：Web 实现前后端分离，前后端解耦

你知道的越多，不知道的就越多，业余的像一棵小草！你来，我们一起精进！你不来，我和你的竞争对手一起精进！编辑：业余草 blog.csdn.net/fuzh

冷不防/ 2022年09月03日 01:23/ 0 赞/ 381 阅读

相关前后端分离

转自：https://www.jianshu.com/p/21775989ec46 自从AJAX大行其道，前后端分离开发模式已是大势所趋，这里笔者针对对前后端分离开发模式谈谈

红太狼/ 2022年05月29日 02:51/ 0 赞/ 501 阅读

相关 signalr iis7 SignalR实现即时通讯技术

一、SignalR环境要求 1、需要有 .NET Framework 4.5，服务器端需要 Windows Server 2008 R2 以上的操作系统以及 IIS7 二、

心已赠人/ 2022年04月24日 01:38/ 0 赞/ 359 阅读

相关前后端分离

前端客户端,后端服务器端,spring cloud实现为服务之间的通讯.类似于zookeeper跟dubbox,通过用js掉api前后端交互.![watermark_ty

淡淡的烟草味﹌/ 2022年04月10日 06:10/ 0 赞/ 451 阅读

相关前后端分离技术

[localStorage 前后端分离技术][localStorage] html5原始的MVC前后端设计技术，原始。 wcf前后端分离技术。后端springboot，

素颜马尾好姑娘i/ 2021年12月17日 09:19/ 0 赞/ 461 阅读

相关使用 ASP.NET SignalR实现实时通讯

　　ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库，可以简化开发人员将实时 Web 功能添加到应用程序的过程。实时 Web 功能是指这样一种功能：当

今天药忘吃喽~/ 2021年09月29日 07:22/ 0 赞/ 243 阅读