FaceMan.DynamicAPI
1.0.0
There is a newer version of this package available.
See the version list below for details.
See the version list below for details.
dotnet add package FaceMan.DynamicAPI --version 1.0.0
NuGet\Install-Package FaceMan.DynamicAPI -Version 1.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="FaceMan.DynamicAPI" Version="1.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add FaceMan.DynamicAPI --version 1.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: FaceMan.DynamicAPI, 1.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install FaceMan.DynamicAPI as a Cake Addin #addin nuget:?package=FaceMan.DynamicAPI&version=1.0.0 // Install FaceMan.DynamicAPI as a Cake Tool #tool nuget:?package=FaceMan.DynamicAPI&version=1.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
功能
动态扫描继承了IApplicationService的类，生成Swagger API接口。 支持三种方式：
- 继承IApplicationService接口
- 标记DynamicWebApi特性
- 原生ApiController
教程
必要配置：
在appsettings.json配置请求类型规则,例如以Get或者Query开头的方法，就会被识别为Get类型。
"HttpMethodInfo": [
{
"MethodKey": "Get",
"MethodVal": [ "GET", "QUERY" ]
},
{
"MethodKey": "Post",
"MethodVal": [ "CREATE", "SAVE", "INSERT", "ADD" ]
},
{
"MethodKey": "Put",
"MethodVal": [ "UPDATE", "EDIT" ]
},
{
"MethodKey": "Delete",
"MethodVal": [ "Delete", "REMOVE", "Del" ]
}
]
在Program设置Swagger配置项
var conifg = new SwaggerConfigParam()
{
Title = "FaceMan API",
Version = "v1",
Description = "FaceMan API",
ContactName = "FaceMan",
ContactEmail = "face<EMAIL>",
ContactUrl = "https://www.face-man.com",
WebRootPath = builder.Environment.WebRootPath,
HttpMethods = builder.Configuration.GetSection("HttpMethodInfo").Get<List<HttpMethodConfigure>>()
};
builder.Services.AddDynamicApi(conifg);
//其他配置
app.UseSwagger(conifg);
其他配置项
文档注释
1、要开启文档注释，首先需要在类库属性中设置XML文件路径
2、启用SwaggerConfigParam的文档注释配置
var conifg = new SwaggerConfigParam()
{
//其他配置
EnableXmlComments=ture,
ApiDocsPath = "ApiDocs"
};
3、在启动项目属性页配置如下代码 这里类库命名最好有个通用前缀，不然只能一条条写了，比如FaceMan.Web、FaceMan.Domain
<PropertyGroup>
<ApiDocDir>wwwroot\ApiDocs</ApiDocDir>
</PropertyGroup>
<Target Name="CopyXmlDocFileForBuild" AfterTargets="Build">
<ItemGroup>
<XmlDocFiles Include="$(OutDir)$(AssemblyName).xml" />
<XmlDocFiles Include=" @(ReferencePath->'%(RootDir)%(Directory)%(Filename).xml')" Condition="$([System.String]::new('%(FileName)').StartsWith('FaceMan'))" />
</ItemGroup>
<Copy SourceFiles="@(XmlDocFiles)" Condition="Exists('%(FullPath)')" DestinationFolder="$(ApiDocDir)" SkipUnchangedFiles="true" />
</Target>
配置完启动就可以看见啦
Swagger登录页
一般来说Swagger都会需要登录才能进行接口调用，所以需要一个登录页，如果需要鉴权请自己实现。
var conifg = new SwaggerConfigParam()
{
//其他配置
EnableLoginPage=true,
WebRootPath=builder.Environment.WebRootPath,
LoginPagePath = "pages/swagger.html"
};
在wwwroot下pages目录下创建swagger.html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Swagger UI</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/4.1.0/swagger-ui.min.css">
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
.swagger-ui .scheme-container {
margin: 0px;
padding: 0px;
}
.button-container {
justify-content: center;
right: 5%;
top: 10%;
position: absolute
}
.button-container button {
margin: 0 10px;
padding: 10px 20px;
font-size: 14px;
border: none;
background-color: #1b1b1b;
color: #fff;
cursor: pointer;
border-radius: 4px;
}
</style>
</head>
<body>
<div class="button-container">
<button id="logoutButton">退出登录</button>
</div>
<div id="swagger-ui"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/4.1.0/swagger-ui-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/4.1.0/swagger-ui-standalone-preset.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.1/js.cookie.min.js"></script>
<script>
window.onload = function () {
var configObject = JSON.parse('%(ConfigObject)');
const cookie = Cookies.get('access-token');
if (!cookie) {
window.location.href = '/home/index';
}
// 配置 SwaggerUI
configObject.dom_id = "#swagger-ui";
configObject.presets = [SwaggerUIBundle.presets.apis, SwaggerUIStandalonePreset];
configObject.layout = "StandaloneLayout";
configObject.requestInterceptor = function (request) {
// 添加 Authorization 头
request.headers['Authorization'] = 'Bearer ' + cookie;
return request;
};
// 设置 OAuth2 重定向 URL
if (!configObject.hasOwnProperty("oauth2RedirectUrl")) {
configObject.oauth2RedirectUrl = window.location + "oauth2-redirect.html";
}
configObject.plugins = [
function (system) {
return {
components: {
authorizeBtn: function () {
return null;
}
}
};
}
];
// 初始化 Swagger UI
SwaggerUIBundle(configObject);
// 跳转到 Hangfire 并打开新页面
document.getElementById("hangfireButton").addEventListener("click", function () {
window.open("/hangfire", "_blank"); // 替换 "/hangfire" 为正确的 Hangfire 页面 URL
});
// 退出登录并清除 cookie
document.getElementById("logoutButton").addEventListener("click", function () {
Cookies.remove("access-token"); // 清除名为 "access-token" 的 cookie
window.location.href = "/Home/Index"; // 替换 "/home/logout" 为正确的退出登录 URL
});
}
</script>
</body>
</html>
新建一个LoginController
public class LoginController : Controller
{
// GET: LoginController
public ActionResult Index()
{
return View();
}
}
}
新建Index视图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
padding: 0;
margin: 0;
}
html {
height: 100%;
}
body {
background-image: linear-gradient(to bottom right, rgb(114, 135, 254), rgb(130, 88, 186));
}
.login-container {
width: 600px;
/* height: 315px; */
margin: 0 auto;
margin-top: 10%;
border-radius: 15px;
box-shadow: 0 10px 50px 0px rbg(59, 45, 159);
background-color: rgb(95, 76, 194);
}
.left-container {
display: inline-block;
width: 330px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
padding: 60px;
background-image: linear-gradient(to bottom right, rgb(118, 76, 163), rgb(92, 103, 211));
}
.title {
color: #fff;
font-size: 18px;
font-weight: 200;
}
.title span {
border-bottom: 3px solid rgb(237, 221, 22);
}
.input-container {
padding: 20px 0;
}
input {
border: 0;
background: none;
outline: none;
color: #fff;
margin: 20px 0;
display: block;
width: 100%;
padding: 5px 0;
transition: .2s;
border-bottom: 1px solid rgb(199, 191, 219);
}
input:hover {
border-bottom-color: #fff;
}
::-webkit-input-placeholder {
color: rgb(199, 191, 219);
}
.right-container {
width: 145px;
display: inline-block;
height: calc(100% - 120px);
vertical-align: top;
padding: 60px 0;
}
.action-container {
font-size: 10px;
color: #fff;
text-align: center;
position: relative;
top: 200px;
}
.action-container .btn {
border: 1px solid rgb(237, 221, 22);
padding: 10px;
display: inline;
line-height: 20px;
border-radius: 20px;
position: absolute;
bottom: 10px;
left: calc(72px - 20px);
transition: .2s;
cursor: pointer;
}
.action-container .btn:hover {
background-color: rgb(237, 221, 22);
color: rgb(95, 76, 194);
}
</style>
</head>
<body>
<div class="login-container">
<div class="left-container">
<div class="title"><span>登录</span></div>
<div class="input-container">
<input type="text" id="username" name="username" placeholder="用户名">
<input type="password" id="password" name="password" placeholder="密码">
</div>
</div>
<div class="right-container">
<div class="action-container">
<button type="submit" id="login-btn" class="btn btn-primary">登录</button>
</div>
</div>
</div>
</body>
</html>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
// 当表单提交时
$('#login-btn').click(function (event) {
event.preventDefault(); // 防止页面刷新
//$('.error').remove(); // 移除已有的错误信息
var username = $('#username').val();
var password = $('#password').val();
// 发起 AJAX 请求
$.ajax({
type: 'get',
contentType: "application/json",
url: '@ViewBag.Url/api/Login/UserLogin?username=123&password=456',//登录接口地址
// data: JSON.stringify({
// username: username,
// password: password
// }),
success: function (response) {
window.location.href = '/swagger';
},
error: function (response) {
// 如果返回错误信息，则显示在页面上
const exampleModal = document.getElementById('exampleModal')
exampleModal.addEventListener('show.bs.modal', event => {
// Update the modal's content.
const modalTitle = exampleModal.querySelector('.modal-title');
const modalBodyInput = exampleModal.querySelector('.modal-body');
modalBodyInput.textContent = response?.responseJSON?.result?.error ?? '服务器异常';
})
$('#whatever').trigger('click');
}
});
});
});
</script>
请求登录接口成功之后就会自动跳转Swagger，在调用接口时会自动加到请求头，token过期后会跳回登录页面。
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net9.0 is compatible. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net9.0
- Microsoft.AspNet.Mvc (>= 5.3.0)
- Microsoft.AspNetCore.Mvc.Core (>= 2.2.5)
- Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation (>= 9.0.0)
- Microsoft.Extensions.Configuration.Binder (>= 9.0.0)
- Newtonsoft.Json (>= 13.0.3)
- Swashbuckle.AspNetCore.Filters (>= 8.0.2)
- Swashbuckle.AspNetCore.SwaggerGen (>= 7.0.0)
- Swashbuckle.AspNetCore.SwaggerUI (>= 7.0.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.