ABP框架 - Swagger UI 集成

文档目录

本节内容:

简介

来自它的网页:“...使用一个Swagger-enabled Api,你将获取交互文档,客户端SDK的创建和暴露。”。

Asp.net Core

安装

基于Asp.net Core应用,你可以很方便的把Swagger集成到你的ABP里。

安装Nuget包

在你的Web项目里安装Swashbuckle包。

配置

在你的Startup.cs文件里,在ConfigureServices方法里添加代码,配置入Swagger:

public IServiceProvider ConfigureServices(IServiceCollection services)
{
//your other code... services.AddSwaggerGen();

//your other code...
}

然后,为使用Swagger,在Startup.cs文件里,在Configure方法里添加如下代码:

public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
//your other code...

app.UseSwagger();
app.UseSwaggerUi(); //URL: /swagger/ui

}

最后 ,当从Swagger UI测试动态Web Api服务时,为了发送CSRF令牌,你需要把Swagger UI的 index.html文件添加到你的项目里,它应当放置在“wwwroot\swagger\ui”文件夹下,然后你需要在index.html里,修改Swagger UI的onComplete方法,如下所示:

onComplete: function(swaggerApi, swaggerUi){
if(typeof initOAuth == "function") {
initOAuth({
clientId: "your-client-id",
clientSecret: "your-client-secret-if-required",
realm: "your-realms",
appName: "your-app-name",
scopeSeparator: " ",
additionalQueryStringParams: {}
});
} if(window.SwaggerTranslator) {
window.SwaggerTranslator.translate();
} var csrfToken = abp.security.antiForgery.getToken();
var csrfCookieAuth = new SwaggerClient.ApiKeyAuthorization(abp.security.antiForgery.tokenHeaderName, csrfToken, "header"
);
swaggerUi.api.clientAuthorizations.add(abp.security.antiForgery.tokenHeaderName, csrfCookieAuth);
}

查看Swashbuckle文档获取更多配置选项。

测试

到此就完成了,你可以浏览Swagger UI:“/swagger/ui/index“。

Asp.net 5.x

安装

基于应用,你可以很方便的把Swagger集成到你的ABP里。

安装Nuget包

在你的WebApi项目里安装Swashbuckle.core包。

配置

为Swagger添加配置代码你的模块的到Initialize方法里,例如:

public class SwaggerIntegrationDemoWebApiModule : AbpModule
{
public override void Initialize()
{
//your other code...

ConfigureSwaggerUi();

} private void ConfigureSwaggerUi()
{
Configuration.Modules.AbpWebApi().HttpConfiguration
.EnableSwagger(c =>
{
c.SingleApiVersion("v1", "SwaggerIntegrationDemo.WebApi");
c.ResolveConflictingActions(apiDescriptions => apiDescriptions.First());
})
.EnableSwaggerUi(c =>
{
c.InjectJavaScript(Assembly.GetAssembly(typeof(AbpProjectNameWebApiModule)), "AbpCompanyName.AbpProjectName.Api.Scripts.Swagger-Custom.js"
);
});
}

}

注意:在配置Swagger ui时我们注入了一个名为“Swagger-Custom.js”的javascript文件,这个脚本文件在从Swagger ui里测试api服务时,添加CSRF令牌,同时你也需要在你的WebApi项目里添加这个文件,当注入它时,使用它的逻辑名称来注入javascript方法,它的内容如下所示:

var getCookieValue = function(key) {
var equalities = document.cookie.split('; ');
for (var i = ; i < equalities.length; i++) {
if (!equalities[i]) {
continue;
} var splitted = equalities[i].split('=');
if (splitted.length !== ) {
continue;
} if (decodeURIComponent(splitted[]) === key) {
return decodeURIComponent(splitted[] || '');
}
} return null;
}; var csrfCookie = getCookieValue("XSRF-TOKEN");
var csrfCookieAuth = new SwaggerClient.ApiKeyAuthorization("X-XSRF-TOKEN", csrfCookie, "header");
swaggerUi.api.clientAuthorizations.add("X-XSRF-TOKEN", csrfCookieAuth);

查看Swashbuckle文档获取更多配置选项。

测试

到此就完成了,你可以浏览Swagger UI:“/swagger/ui/index“。

ABP框架 - Swagger UI 集成

你可以看到所有的Web Api控制器(还有动态Web Api控制器),并可以测试它们。

上一篇:项目中dubbo的标准配置


下一篇:JavaScript事件流