ASP.NET Core SignalR与Angular项目教程

1. 项目的目录结构及介绍

aspnet-core-signalr-angular/
├── ClientApp/
│   ├── src/
│   │   ├── app/
│   │   │   ├── components/
│   │   │   ├── models/
│   │   │   ├── services/
│   │   │   └── app.module.ts
│   │   ├── assets/
│   │   ├── environments/
│   │   ├── index.html
│   │   ├── main.ts
│   │   ├── styles.css
│   ├── angular.json
│   ├── package.json
│   ├── tsconfig.json
├── Controllers/
│   └── ChatController.cs
├── Hubs/
│   └── ChatHub.cs
├── Migrations/
├── Models/
├── obj/
├── Properties/
├── wwwroot/
├── appsettings.json
├── Program.cs
├── Startup.cs
├── AspNetCoreSignalR.csproj
└── README.md

目录结构介绍

• ClientApp/: 包含Angular前端应用的所有文件。

  • src/: Angular应用的源代码。
    • app/: 包含Angular应用的组件、模型和服务。
    • assets/: 静态资源文件。
    • environments/: 环境配置文件。
    • index.html: 主页文件。
    • main.ts: Angular应用的入口文件。
    • styles.css: 全局样式文件。
  • angular.json: Angular CLI配置文件。
  • package.json: 前端依赖管理文件。
  • tsconfig.json: TypeScript配置文件。

• Controllers/: 包含ASP.NET Core的控制器文件。

• Hubs/: 包含SignalR的Hub文件。

• Migrations/: 数据库迁移文件。

• Models/: 数据模型文件。

• obj/: 编译输出目录。

• Properties/: 项目属性文件。

• wwwroot/: 静态文件目录。

• appsettings.json: 应用配置文件。

• Program.cs: 应用入口文件。

• Startup.cs: 应用启动配置文件。

• AspNetCoreSignalR.csproj: 项目文件。

• README.md: 项目说明文件。

2. 项目的启动文件介绍

Program.cs

using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.Hosting;

namespace AspNetCoreSignalR
{
    public class Program
    {
        public static void Main(string[] args)
        {
            CreateHostBuilder(args).Build().Run();
        }

        public static IHostBuilder CreateHostBuilder(string[] args) =>
            Host.CreateDefaultBuilder(args)
                .ConfigureWebHostDefaults(webBuilder =>
                {
                    webBuilder.UseStartup<Startup>();
                });
    }
}

文件介绍

• Program.cs: 这是ASP.NET Core应用的入口文件。它定义了应用的启动过程，包括创建和配置主机。CreateHostBuilder方法配置了Web主机，并指定了启动类Startup。

3. 项目的配置文件介绍

appsettings.json

{
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft": "Warning",
      "Microsoft.Hosting.Lifetime": "Information"
    }
  },
  "AllowedHosts": "*"
}

文件介绍

• appsettings.json: 这是ASP.NET Core应用的配置文件。它包含了应用的日志级别配置和允许的主机配置。Logging部分定义了不同日志提供者的日志级别，AllowedHosts指定了允许访问应用的主机。

Startup.cs

using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;
using AspNetCoreSignalR.Hubs;

namespace AspNetCoreSignalR
{
    public class Startup
    {
        public Startup(IConfiguration configuration)
        {