基本swagger使用不再詳解,具體百度其它帖子
1.將漢化的swagger js文件復制到項目根目錄中
js代碼如下
1 'use strict'; 2 3 /** 4 * Translator for documentation pages. 5 * 6 * To enable translation you should include one of language-files in your index.html 7 * after <script src='lang/translator.js' type='text/javascript'></script>. 8 * For example - <script src='lang/ru.js' type='text/javascript'></script> 9 * 10 * If you wish to translate some new texsts you should do two things: 11 * 1. Add a new phrase pair ("New Phrase": "New Translation") into your language file (for example lang/ru.js). It will be great if you add it in other language files too. 12 * 2. Mark that text it templates this way <anyHtmlTag data-sw-translate>New Phrase</anyHtmlTag> or <anyHtmlTag data-sw-translate value='New Phrase'/>. 13 * The main thing here is attribute data-sw-translate. Only inner html, title-attribute and value-attribute are going to translate. 14 * 15 */ 16 window.SwaggerTranslator = { 17 _words: [], 18 19 translate: function () { 20 var $this = this; 21 $('[data-sw-translate]').each(function () { 22 $(this).html($this._tryTranslate($(this).html())); 23 $(this).val($this._tryTranslate($(this).val())); 24 $(this).attr('title', $this._tryTranslate($(this).attr('title'))); 25 }); 26 }, 27 28 _tryTranslate: function (word) { 29 return this._words[$.trim(word)] !== undefined ? this._words[$.trim(word)] : word; 30 }, 31 32 learn: function (wordsMap) { 33 this._words = wordsMap; 34 } 35 }; 36 37 38 /* jshint quotmark: double */ 39 window.SwaggerTranslator.learn({ 40 "Warning: Deprecated": "警告:已過時", 41 "Implementation Notes": "實現備注", 42 "Response Class": "響應類", 43 "Status": "狀態", 44 "Parameters": "參數", 45 "Parameter": "參數", 46 "Value": "值", 47 "Description": "描述", 48 "Parameter Type": "參數類型", 49 "Data Type": "數據類型", 50 "Response Messages": "響應消息", 51 "HTTP Status Code": "HTTP狀態碼", 52 "Reason": "原因", 53 "Response Model": "響應模型", 54 "Request URL": "請求URL", 55 "Response Body": "響應體", 56 "Response Code": "響應碼", 57 "Response Headers": "響應頭", 58 "Hide Response": "隱藏響應", 59 "Headers": "頭", 60 "Try it out!": "試一下!", 61 "Show/Hide": "顯示/隱藏", 62 "List Operations": "顯示操作", 63 "Expand Operations": "展開操作", 64 "Raw": "原始", 65 "can't parse JSON. Raw result": "無法解析JSON. 原始結果", 66 "Model Schema": "模型架構", 67 "Model": "模型", 68 "apply": "應用", 69 "Username": "用戶名", 70 "Password": "密碼", 71 "Terms of service": "服務條款", 72 "Created by": "創建者", 73 "See more at": "查看更多:", 74 "Contact the developer": "聯系開發者", 75 "api version": "api版本", 76 "Response Content Type": "響應Content Type", 77 "fetching resource": "正在獲取資源", 78 "fetching resource list": "正在獲取資源列表", 79 "Explore": "瀏覽", 80 "Show Swagger Petstore Example Apis": "顯示 Swagger Petstore 示例 Apis", 81 "Can't read from server. It may not have the appropriate access-control-origin settings.": "無法從服務器讀取。可能沒有正確設置access-control-origin。", 82 "Please specify the protocol for": "請指定協議:", 83 "Can't read swagger JSON from": "無法讀取swagger JSON於", 84 "Finished Loading Resource Information. Rendering Swagger UI": "已加載資源信息。正在渲染Swagger UI", 85 "Unable to read api": "無法讀取api", 86 "from path": "從路徑", 87 "server returned": "服務器返回" 88 }); 89 window.saveToken=function() { 90 var test_token = $("#customtoken").val(); 91 localStorage.setItem("test_x_token", $("#customtoken").val()); 92 $("input[name='X-Token']").val(test_token) 93 } 94 95 $(function () { 96 window.SwaggerTranslator.translate(); 97 //token保存 98 var test_token = localStorage.getItem("test_x_token")||""; 99 $(".authorize-wrapper").append("X-Token:<input type='text' id='customtoken' value='" + test_token +"' style='width:50%' /> <button onClick='saveToken()'>保存</button>") 100 $("input[name='X-Token']").val(test_token) 101 $("input[name='X-Version']").val(swaggerUi.api.info.version) 102 103 });
2.將漢化js文件注入到中間件中
1 public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory, IServiceProvider svp) { 2 #region API文檔中間件 17 app.UseSwagger(c => { 18 c.PreSerializeFilters.Add((swagger, httpReq) => swagger.Host = httpReq.Host.Value); 19 20 }); 21 app.UseSwaggerUi(c => { 22 23 c.SwaggerEndpoint("/swagger/v1/swagger.json", "Travel.Api v1.0.0"); 24 c.ShowRequestHeaders(); 25 c.ShowJsonEditor(); 26 //注入漢化文件 27 c.InjectOnCompleteJavaScript($"/swagger_translator.js"); 28 }); 29 #endregion 30 31 app.UseMvc(); 32 }
3.添加Controller漢化標簽,在項目中添加一個swagger擴展類SwaggerExtensions
代碼如下:
1 /// <summary> 2 /// 添加控制器swagger擴展類 3 /// </summary> 4 public class ApplyTagDescriptions : IDocumentFilter { 5 /// <summary> 6 /// swagger漢化標簽 7 /// </summary> 8 /// <param name="swaggerDoc"></param> 9 /// <param name="context"></param> 10 public void Apply(SwaggerDocument swaggerDoc, DocumentFilterContext context) { 11 swaggerDoc.Tags = new List<Tag> 12 { 13 new Tag { Name = "Enterprise", Description = "企業相關接口" }, 14 new Tag { Name = "Ticket", Description = "機票相關接口" } 15 }; 16 } 17 }
通過IDocumentFilter
接口去生成控制器的標簽(描述)
options.CustomSchemaIds(type => type.FullName); // 可以解決相同類名會報錯的問題
代碼如下:
#region API文檔注入服務 services.AddSwaggerGen(options => { options.SwaggerDoc("v1", new Info { Title = "Travel.Api", Version = "v1", Description = "", TermsOfService = "None", Contact = new Contact { Name = "", Email = "", Url = "https://www.cnblogs.com/wsprince/" }, } ); options.CustomSchemaIds(type => type.FullName); // 解決相同類名會報錯的問題 //API接口文件路徑 var filePath = Path.Combine(PlatformServices.Default.Application.ApplicationBasePath, "Travel.Api.Controllers.xml"); options.IncludeXmlComments(filePath); //請求實體路徑 var requestfilePath = Path.Combine(PlatformServices.Default.Application.ApplicationBasePath, "Travel.Api.DTO.xml"); options.IncludeXmlComments(requestfilePath); options.DescribeAllEnumsAsStrings(); //添加對控制器的標簽(描述) options.DocumentFilter<ApplyTagDescriptions>(); }); #endregion
4.swagger漢化頁面效果