1個文件如何輕松搞定Asp.net core 3.1動態(tài)頁面轉(zhuǎn)靜態(tài)頁面

更新時間：2020年05月31日 08:47:29 作者：ToolGood

這篇文章主要給大家介紹了關于如何通過1個文件輕松搞定Asp.net core 3.1動態(tài)頁面轉(zhuǎn)靜態(tài)頁面的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Asp.net core 3.1具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧

前言

最近一個Asp.net core項目需要靜態(tài)化頁面，百度查找了一下，沒有發(fā)現(xiàn)合適的。原因如下

配置麻煩。
類庫引用了第三方類，修改起來麻煩。
有只支持MVC，不支持PageModel。
繼承ActionFilterAttribute類，只重寫了OnActionExecutionAsync，看似靜態(tài)化了，其實運行時該查數(shù)據(jù)庫還是查數(shù)據(jù)庫，沒有真正靜態(tài)化。
缺少靈活性，沒有在線更新靜態(tài)文件方法，不能測試查看實時頁面，沒有進行Html壓縮，沒有使用gzip、br壓縮文件.

于是我開始了頁面靜態(tài)化項目，只過幾分鐘就遇到了Asp.net core的一個大坑——Response.Body是一個只寫Stream，無法讀取返回的信息。

參考lwqlun的博客解決了，相關地址：http://www.dbjr.com.cn/article/187210.htm

代碼如下：

var filePath = GetOutputFilePath(context);
      var response = context.HttpContext.Response;
      if (!response.Body.CanRead || !response.Body.CanSeek) {
        using (var ms = new MemoryStream()) {
          var old = response.Body;
          response.Body = ms;

          await base.OnResultExecutionAsync(context, next);

          if (response.StatusCode == 200) {
            await SaveHtmlResult(response.Body, filePath);
          }
          ms.Position = 0;
          await ms.CopyToAsync(old);
          response.Body = old;
        }
      } else {
        await base.OnResultExecutionAsync(context, next);
        var old = response.Body.Position;
        if (response.StatusCode == 200) {
          await SaveHtmlResult(response.Body, filePath);
        }
        response.Body.Position = old;
      }

解決了這個大坑后，就沒遇過什么問題了。

項目地址：https://github.com/toolgood/StaticPage

快速入門

1、將HtmlStaticFileAttribute.cs放到項目下；

2、添加[HtmlStaticFile]

2.1、在控制器文件中，在類名或Action方法上添加[HtmlStaticFile]。

using Microsoft.AspNetCore.Mvc;

namespace StaticPage.Mvc.Controllers
{
  public class HomeController : Controller
  {

    [HtmlStaticFile]
    [HttpGet("/Count")]
    public IActionResult Count()
    {
      return View();
    }

  }
}

2.2或在PageModel文件中，在類名上添加[HtmlStaticFile]。

注：PageModel文件中，在方法上添加[HtmlStaticFile]是無效的。

using Microsoft.AspNetCore.Mvc;

namespace StaticPage.Pages
{
  [HtmlStaticFile]
  public class CountModel : PageModel
  {
    public void OnGet()
    {
    }
  }
}

其他配置

設置緩存文件夾

　　HtmlStaticFileAttribute.OutputFolder = @"D:\html";

使用壓縮

　　HtmlStaticFileAttribute.UseBrCompress = true;
　　HtmlStaticFileAttribute.UseGzipCompress = true;

設置頁面緩存時間

　　HtmlStaticFileAttribute.ExpireMinutes = 3;

使用開發(fā)模式，在開發(fā)模式，頁面不會被緩存，便于開發(fā)調(diào)試。

　　HtmlStaticFileAttribute.IsDevelopmentMode = true;

支持Url參數(shù)，不推薦使用

　　HtmlStaticFileAttribute.UseQueryString = true;

使用Html壓縮，推薦使用WebMarkupMin來壓縮Html。

HtmlStaticFileAttribute.MiniFunc += (string html) => {
        var js = new NUglifyJsMinifier();
        var css = new NUglifyCssMinifier();

        XhtmlMinifier htmlMinifier = new XhtmlMinifier(null, css, js, null);
        var result = htmlMinifier.Minify(html);
        if (result.Errors.Count == 0) {
          return result.MinifiedContent;
        }
        return html;
      };

更新文件緩存

　　在Url地址后面添加參數(shù)“update”，訪問一下就可以生成新的靜態(tài)頁面。

如：

　　https://localhost:44304/Count?__update__

測試頁面，不更新文件緩存

　　在Url地址后面添加參數(shù)“test”，訪問一下就可以生成新的靜態(tài)頁面。

如：

　　https://localhost:44304/Count?__test__

項目地址：https://github.com/toolgood/StaticPage

總結(jié)

到此這篇關于1個文件如何輕松搞定Asp.net core 3.1動態(tài)頁面轉(zhuǎn)靜態(tài)頁面的文章就介紹到這了,更多相關Asp.net core3.1動態(tài)頁面轉(zhuǎn)靜態(tài)頁面內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: