.Net Core 使用Swagger,且使用自定义UI

前言

Swagger大家都不陌生，Swagger (OpenAPI) 是一个与编程语言无关的接口规范，用于描述项目中的 REST API。它的出现主要是节约了开发人员编写接口文档的时间，可以根据项目中的注释生成对应的可视化接口文档。

Swagger 的优势

• 支持 API 自动生成同步的在线文档：使用 Swagger 后可以直接通过代码生成文档，不再需要自己手动编写接口文档了，对程序员来说非常方便，可以节约写文档的时间去学习新技术。
• 提供 Web 页面在线测试 API：光有文档还不够，Swagger 生成的文档还支持在线测试。参数和格式都定好了，直接在界面上输入参数对应的值即可在线测试接口。

使用 Swagger

1.再NuGet包管理器中搜索 “Swashbuckle.AspNetCore” 并且进行安装

2. 开启XML文档文件

注：我使用的是VS2022 ， 其他版本可能不叫“文档文件”， 应该是叫做“XML文档文件”

3. 运行项目即可

 4.加载注释

现在Swagger已经搭建完成， 但是可以看到接口并没有注释， 如果这个样子给前端的小姐姐用， 估计会被吐槽死， 接下来我们就需要配置注释。

再“Startup” 类的“ConfigureServices”方法改成如下所示：

public void ConfigureServices(IServiceCollection services)
{

    services.AddControllers();
    services.AddSwaggerGen(c =>
    {
        c.SwaggerDoc("v1", new OpenApiInfo { Title = "Swagger", Version = "v1" });
        c.IncludeXmlComments(System.IO.Path.Combine(AppContext.BaseDirectory, "Swagger.xml"), true);
    });
}

然后重新运行就看可以看到对应的注释了

自定义UI(Knife4jUI)

Swagger 默认页面看起来太丑了， 并且用起来也并不是那么友好，想自己重新定义，但是太麻烦了， 于是在网上寻找了一番，有人自定义了Swagger 的UI 页面， 接下来看下如何使用吧。更多信息请看官网：IGeekFan.AspNetCore.Knife4jUI

1.再NuGet包管理器中搜索 “IGeekFan.AspNetCore.Knife4jUI” 并且进行安装

 2. 加载自定义页面配置

 //Swagger使用自定义UI
 app.UseKnife4UI(c =>
 {
     c.RoutePrefix = string.Empty;
     c.SwaggerEndpoint($"/swagger/v1/swagger.json", "h.swagger.webapi v1");
 });

 完整的配置如下图

 如果不注释“app.UseSwaggerUI(c => c.SwaggerEndpoint("/swagger/v1/swagger.json", "Swagger v1"));” ，就可以显示两个页面，一个Swagger默认的，另外一个是自定义的。

启动重新运行之后，使用根路径访问，就可以看到自定义的页面