Swagger2Config 修改增加ui页面增加token

该篇博客详细介绍了如何利用Spring Boot的Swagger2来创建RESTful API的接口文档,并展示了如何配置安全方案,包括设置全局的Header Token参数,确保在使用Swagger进行API测试时能正确携带授权信息。
@Bean
public Docket createRestApi() {

	return new Docket(DocumentationType.SWAGGER_2)
		.apiInfo(apiInfo())
		.select()//此包路径下的类,才生成接口文档
		.apis(RequestHandlerSelectors.basePackage("org.jeecg.modules"))//加了ApiOperation注解的类,才生成接口文档
	        .apis(RequestHandlerSelectors.withMethodAnnotation(ApiOperation.class))
		.paths(PathSelectors.any())
		.build()
		.securitySchemes(Collections.singletonList(securityScheme()))
	        .globalOperationParameters(setHeaderToken());//打开后swagger 请求需要带token

}

private List<Parameter> setHeaderToken() {
        ParameterBuilder tokenPar = new ParameterBuilder();
        List<Parameter> pars = new ArrayList<>();
        tokenPar.name(DefContants.X_ACCESS_TOKEN).description("token").modelRef(new ModelRef("string")).parameterType("header").required(false).build();
        pars.add(tokenPar.build());
        return pars;
}

### 如何在Swagger UI中设置Token认证 为了使Swagger UI支持Token认证,在ASP.NET Core Web API项目中的配置需要做相应调整。默认情况下,Swagger并不携带Token进行API请求,因此必须通过修改`Startup.cs`文件来实现这一功能。 #### 修改`Startup.cs` 在`ConfigureServices`方法内注册Swagger服务时,应当构建文档并加入Bearer Token验证机制: ```csharp public void ConfigureServices(IServiceCollection services) { services.AddControllers(); services.AddSwaggerGen(c => { c.SwaggerDoc("v1", new OpenApiInfo { Title = "My API", Version = "v1" }); // 添加Bearer Token安全定义 var securityScheme = new OpenApiSecurityScheme { Name = "Authorization", Type = SecuritySchemeType.Http, Scheme = "bearer", BearerFormat = "JWT", In = ParameterLocation.Header, Description = "请输入带有Bearer前缀的Token (e.g. 'Bearer your-token')" }; c.AddSecurityDefinition("Bearer", securityScheme); var securityRequirement = new OpenApiSecurityRequirement { { new OpenApiSecurityScheme { Reference = new OpenApiReference { Type = ReferenceType.SecurityScheme, Id = "Bearer" } }, Array.Empty<string>() } }; c.AddSecurityRequirement(securityRequirement); }); } ``` 上述代码片段展示了如何向Swagger Gen添加安全方案以及应用该方案到整个API上[^2]。 接着,在`Configure`方法里启动Swagger中间件,并指定UI路径: ```csharp app.UseRouting(); // 启用中间件提供静态文件,如HTML页面. app.UseStaticFiles(); if (env.IsDevelopment()) { app.UseDeveloperExceptionPage(); } app.UseAuthentication(); app.UseAuthorization(); app.UseEndpoints(endpoints => { endpoints.MapControllers(); }); // 配置Swagger中间件 app.UseSwagger(); app.UseSwaggerUI(options => { options.RoutePrefix = string.Empty; // 设置为空字符串表示根目录下访问 options.SwaggerEndpoint("/swagger/v1/swagger.json", "My API V1"); }); ``` 最后一步是在创建Swagger模块时调用`.addBearerAuth()`方法以便于前端界面能够显示授权按钮[^3]: ```typescript const config = new DocumentBuilder() .setTitle('My API') .setDescription('My API描述') .setVersion('1.0') .addBearerAuth() // 这里启用了Bearer Auth的支持 .build(); const document = SwaggerModule.createDocument(app, config); SwaggerModule.setup('api/doc', app, document, { customSiteTitle: '自定义站点标题', }); ``` 完成以上步骤之后,当访问Swagger UI页面时将会看到一个名为“Authorize”的按钮,点击它即可输入有效的Token用于后续接口测试操作[^1]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值