《DotNet Web應用單文件部署系列》二、打包wwwroot文件夾


 

       在這篇文章中,你將學到web緩存規則,文件傳輸中用到的壓縮格式,以及如何手寫代碼響應請求。最后還能學到快速打包wwwroot文件夾組件用法。

 

一、了解Response Header

  當第一次加載程序時,瀏覽器將打開頁面並下載所有的資源連接。假如頁面沒有錯誤返回都是正確那么就是返回文件數據和Http Status為200 -OK的狀態

  我們看下這個jquery.min.js文件Http請求對應的Response Header,這里會包含ETag值。HTTP內容如下:

    ETag: 1d7a4ae31f17d74

  ETag :HTTP響應頭是資源的特定版本的標識符。這可以讓緩存更高效,並節省帶寬,因為如果內容沒有改變,Web服務器不需要發送完整的響應。而如果內容發生了變化,使用ETag有助於防止資源的同時更新相互覆蓋。如果給定URL中的資源更改,則一定要生成新的Etag值。 因此Etags類似於指紋,也可能被某些服務器用於跟蹤。 比較etags能快速確定此資源是否變化,但也可能被跟蹤服務器永久存留。

  

  如果再次請求這個地址的話,瀏覽器將發送ETag到服務端,如果兩個值沒有變化,那么服務端會發送304狀態到瀏覽器,那么瀏覽器將使用之前的資源而不是重新下載一份。

    If-None-Match: 1d7a4ae31f17d74

 

  將文件都緩存到了客戶端,這樣就提高了瀏覽器的響應性能,並且通過304狀態,瀏覽器與服務端的請求流量得以減少。

      

       加快瀏覽器的響應性能,還可以設置兩種方案,

  1)減少瀏覽器與服務端的請求次數;可以在響應頭內設置Expires,Cache-Control兩個參數。

    Expires:響應頭包含日期/時間, 即在此時候之后,響應過期。

         Cache-Control:通用消息頭字段,被用於在http請求和響應中,通過指定指令來實現緩存機制。緩存指令是單向的,這意味着在請求中設置的指令,不一定被包含在響應中。

 

  2)壓縮文件,減少返回流量,從而提高響應性能。

    在HTTP 請求時,客戶端會發送Accept-Encoding請求頭給服務端,服務端就可以根據Accept-Encoding請求頭匹配到壓縮方式,將文件壓縮后返回。

 

二、DotNet 5 手寫代碼響應請求

       先放主代碼

1         [HttpGet("_/js/jquery.min.js")]
2         public IActionResult __js_jquery_min_js()
3         {
4             if (SetResponseHeaders("4F252523D4AF0B478C810C2547A63E19") == false) { return StatusCode(304); }
5             const string s = "base64編碼";
6             var bytes = UseCompressBytes(s);
7             return File(bytes, "text/javascript");
8         }

  第一行,我們定義請求方式及請求地址。

  第二行,我們將請求地址轉成可用的方法名。

  第四行,我們設置返回頭,如果返回頭有相同的ETAG值,就返回304。ETAG值可使用Hash值,如Md5。

  第五行,獲取文件的base64編碼,注意文件先經Brotli 算法壓縮,然后轉成base64編碼的。這樣有效地減少文件大小。

  第六行,我們嘗試以壓縮的編碼返回。

  第七行,我們返回文件內容及Content-Type類型。

 

       SetResponseHeaders方法如下

 1     SetResponseHeaders方法如下
 2         private bool SetResponseHeaders(string etag)
 3         {
 4             if (Request.Headers["If-None-Match"] == etag) { return false; }
 5             Response.Headers["Cache-Control"] = "max-age=315360000";
 6             Response.Headers["Etag"] = etag;
 7             Response.Headers["Date"] = DateTime.Now.ToString("r");
 8             Response.Headers["Expires"] = DateTime.Now.AddYears(100).ToString("r");
 9             return true;
10         }

   我們先對比etag值是否相同,如果相同返回false。不同就設置etag值以及過期時間100年有效。

      

       UseCompressBytes方法如下:

 1         private byte[] UseCompressBytes(string s)
 2         {
 3             var bytes = Convert.FromBase64String(s);
 4             var sp = Request.Headers["Accept-Encoding"].ToString().Replace(" ", "").ToLower().Split(',');
 5             if (sp.Contains("br")) {
 6                 Response.Headers["Content-Encoding"] = "br";
 7             } else  {
 8                 using (MemoryStream stream = new MemoryStream(bytes)) {
 9                     using (BrotliStream zStream = new BrotliStream(stream, CompressionMode.Decompress)) {
10                         using (var resultStream = new MemoryStream()) {
11                             zStream.CopyTo(resultStream);
12                             bytes = resultStream.ToArray();
13                         }
14                     }
15                 }
16                 if (sp.Contains("gzip")) {
17                     Response.Headers["Content-Encoding"] = "gzip";
18                     using (MemoryStream stream = new MemoryStream()) {
19                         using (GZipStream zStream = new GZipStream(stream, CompressionMode.Compress)) {
20                             zStream.Write(bytes, 0, bytes.Length);
21                             zStream.Close();
22                         }
23                         bytes = stream.ToArray();
24                     }
25                 }
26             }
27             return bytes;
28         }

       第一步,判斷是否支持Brotli 算法壓縮,如果支持就馬上返回。

       第二步,使用Brotli 算法解壓。

       第三步,判斷是否支持gzip算法壓縮,如果支持使用gzip算法壓縮,然后返回。

       第四步,返回原bytes。

 

三、快速壓縮打包wwwroot文件夾

       打包wwwroot文件夾很簡單,但文件一個一個手寫就會覺得很麻煩。這時就需要ToolGood.WwwRoot組件,在Nuget上直接獲取。

      

3.1、快速上手

       1)新建一個控制台應用程序,

  2)從Nuget上引用ToolGood.WwwRoot組件,

       3)添加以下代碼

1                 WwwRootSetting setting = new WwwRootSetting();
2                 setting.NameSpace = "ToolGood.TextFilter.Controllers";
3                 setting.InFolderPath = @"你的項目路徑\wwwroot";
4                 setting.OutFolderPath = @"你的項目路徑\Controllers\wwwroot";
5 
6                 setting.ExcludeFileSuffixs.Add(".old.js");
7                 setting.ExcludeFileSuffixs.Add(".map");
8                 setting.BuildControllers();

       4)運行控制台應用程序,就會生成相應的cs文件。

 

 

2.2、WwwRootSetting參數簡介

       NameSpace參數設置命名空間

       InFolderPath參數指定wwwroot目錄

       OutFolderPath參數指定輸出目錄

       ExcludeFileSuffixs參數依據文件后綴排除文件

       ExcludeFiles參數 依據文件排除文件

 

2.3、其他相關

    1)每個生成的文件都有 #if RELEASE 和 #endif,保證調試模式下不會被編譯。

    2)app.UseStaticFiles();前面添加 #if DEBUG 后面添加 #endif ,保證生成后不會使用本地靜態文件。

    3)程序更新后,靜態文件過期問題。網上有很多成熟的方案,這里介紹一個最簡單的方法,使用靜態文件+程序版本號來解決,如:

      <script src="_/js/ok.js?v=20210911"></script>

 

 

后記:

       .net 5 單文件運行時會將dll文件釋放到內存內,技術高超的人還是能從內存截取dll文件。提高dll文件反編譯成本,我們可以將dll文件混淆。

       dll文件混淆后會帶來一系列問題,主要是操作麻煩,所以下幾篇將介紹dll文件混淆、VS調時使用項目源文件,只在生成時使用dll混淆文件。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM