// 參數(shù)使用駝峰的命名方式
   s.DescribeAllParametersInCamelCase();
  });
 }

 // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
 public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
 {
  // 公開(kāi) *ger 生成的 json 文件節(jié)點(diǎn)
  app.UseSwagger();

  // 啟用 *ger 可視化交互頁(yè)面
  app.UseSwaggerUI(s =>
  {
   s.SwaggerEndpoint($"/*ger/v1/*ger.json",
    $"Swagger doc v1");
  });
 }
}

可以看到最終呈現(xiàn)給用戶的頁(yè)面，其實(shí)是在 Configure 方法中通過(guò)調(diào)用 UseSwaggerUI 方法來(lái)完成的，這個(gè)方法是在 Swashbuckle.AspNetCore.SwaggerUI 這個(gè)程序集中，所以這里直接從 github 上找到對(duì)應(yīng)的文件夾，clone 下源代碼，來(lái)看下是如何實(shí)現(xiàn)在中間件中返回特定的頁(yè)面

在 clone 下的代碼中，排除掉一些 c#、node.js 使用到的項(xiàng)目性文件，可以看到整個(gè)項(xiàng)目中的文件按照功能可以分為三大塊，其中最核心的則是在 SwaggerUIMiddleware 類中，因此，這里主要聚焦在這個(gè)中間件類的實(shí)現(xiàn)

在一個(gè) asp.net core 中間件中，核心的處理邏輯是在 Invoke/InvokeAsync 方法中，結(jié)合我們使用 *ger 時(shí)的場(chǎng)景，可以看到，在將組件中所包含的頁(yè)面呈現(xiàn)給用戶時(shí)，主要存在如下兩個(gè)處理邏輯

1、當(dāng)匹配到用戶訪問(wèn)的是 /*ger 時(shí)，返回 301 的 http 狀態(tài)碼，瀏覽器重定向到 /*ger/index.html，從而再次觸發(fā)該中間件的執(zhí)行

2、當(dāng)匹配到請(qǐng)求的地址為 /*ger/index.html 時(shí)，將嵌入到程序集中的文件通過(guò) stream 流的形式獲取到，轉(zhuǎn)換成字符串，再指定請(qǐng)求的響應(yīng)的類型為 text/html,從而實(shí)現(xiàn)將頁(yè)面返回給用戶

public async Task Invoke(HttpContext httpContext)
{
 var httpMethod = httpContext.Request.Method;
 var path = httpContext.Request.Path.Value;

 // If the RoutePrefix is requested (with or without trailing slash), redirect to index URL
 if (httpMethod == "GET" && Regex.IsMatch(path, $"^/?{Regex.Escape(_options.RoutePrefix)}/?$"))
 {
  // Use relative redirect to support proxy environments
  var relativeRedirectPath = path.EndsWith("/")
   ? "index.html"
   : $"{path.Split('/').Last()}/index.html";

  RespondWithRedirect(httpContext.Response, relativeRedirectPath);
  return;
 }

 if (httpMethod == "GET" && Regex.IsMatch(path, $"^/{Regex.Escape(_options.RoutePrefix)}/?index.html$"))
 {
  await RespondWithIndexHtml(httpContext.Response);
  return;
 }

 await _staticFileMiddleware.Invoke(httpContext);
}

這里需要注意，因?yàn)轭愃朴谶@種功能，我們可能會(huì)打包成獨(dú)立的 nuget 包，然后通過(guò) nuget 進(jìn)行引用，所以為了能夠正確獲取到頁(yè)面及其使用到的靜態(tài)資源文件，我們需要將這些靜態(tài)文件的屬性修改成嵌入的資源，從而在打包時(shí)可以包含在程序集中

對(duì)于網(wǎng)頁(yè)來(lái)說(shuō)，在引用這些靜態(tài)資源文件時(shí)存在一種相對(duì)的路徑關(guān)系，因此，這里在中間件的構(gòu)造函數(shù)中，我們需要將頁(yè)面需要使用到的靜態(tài)文件，通過(guò)構(gòu)建 StaticFileMiddleware 中間件，將文件映射與網(wǎng)頁(yè)相同的 /*ger 路徑下面，從而確保頁(yè)面所需的資源可以正確加載

public class SwaggerUIMiddleware
{
 private const string EmbeddedFileNamespace = "Swashbuckle.AspNetCore.SwaggerUI.node_modules.*ger_ui_dist";

 private readonly SwaggerUIOptions _options;
 private readonly StaticFileMiddleware _staticFileMiddleware;

 public SwaggerUIMiddleware(
  RequestDelegate next,
  IHostingEnvironment hostingEnv,
  ILoggerFactory loggerFactory,
  SwaggerUIOptions options)
 {
  _options = options ?? new SwaggerUIOptions();

  _staticFileMiddleware = CreateStaticFileMiddleware(next, hostingEnv, loggerFactory, options);
 }

 private StaticFileMiddleware CreateStaticFileMiddleware(
  RequestDelegate next,
  IHostingEnvironment hostingEnv,
  ILoggerFactory loggerFactory,
  SwaggerUIOptions options)
 {
  var staticFileOptions = new StaticFileOptions
  {
   RequestPath = string.IsNullOrEmpty(options.RoutePrefix) ? string.Empty : $"/{options.RoutePrefix}",
   FileProvider = new EmbeddedFileProvider(typeof(SwaggerUIMiddleware).GetTypeInfo().Assembly, EmbeddedFileNamespace),
  };

  return new StaticFileMiddleware(next, hostingEnv, Options.Create(staticFileOptions), loggerFactory);
 }
}

當(dāng)完成了頁(yè)面的呈現(xiàn)后，因?yàn)橐话阄覀儠?huì)創(chuàng)建一個(gè)單獨(dú)的類庫(kù)來(lái)實(shí)現(xiàn)這些功能，在頁(yè)面中，可能會(huì)包含前后端的數(shù)據(jù)交互，由于我們?cè)谒拗鞯?API 項(xiàng)目中已經(jīng)完成了對(duì)于路由規(guī)則的設(shè)定，所以這里只需要在類庫(kù)中通過(guò) nuget 引用 Microsoft.AspNetCore.Mvc.Core ，然后與 Web API 一樣的定義 controller，確保這個(gè)中間件在宿主程序的調(diào)用位于路由匹配規(guī)則之后即可

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
 if (env.IsDevelopment())
 {
  app.UseDeveloperExceptionPage();
 }

 app.UseHttpsRedirection();

 app.UseRouting();

 app.UseAuthorization();

 // Endpoint 路由規(guī)則設(shè)定
 app.UseEndpoints(endpoints =>
 {
  endpoints.MapControllers();
 });

 // 自定義中間件
 app.UseMiddleware<SampleUIMiddleware>();
}

參考：https://www.jb51.net/article/116369.htm

總結(jié)

到此這篇關(guān)于在 asp.net core 的中間件中返回具體的頁(yè)面的實(shí)現(xiàn)方法的文章就介紹到這了,更多相關(guān)asp.net core 中間件返回具體的頁(yè)面內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

來(lái)源：腳本之家

鏈接：https://www.jb51.net/article/193425.htm