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

一、了解Response Header

　　當?shù)谝淮渭虞d程序時，瀏覽器將打開頁面并下載所有的資源連接。假如頁面沒有錯誤返回都是正確那么就是返回文件數(shù)據(jù)和Http Status為200 -OK的狀態(tài)

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

　　　　ETag: 1d7a4ae31f17d74

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

　　

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

　　　　If-None-Match: 1d7a4ae31f17d74

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

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

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

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

　　Cache-Control：通用消息頭字段，被用于在http請求和響應中，通過指定指令來實現(xiàn)緩存機制。緩存指令是單向的，這意味著在請求中設置的指令，不一定被包含在響應中。

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

　　　　在HTTP 請求時，客戶端會發(fā)送Accept-Encoding請求頭給服務端，服務端就可以根據(jù)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編碼，注意文件先經(jīng)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 = @"你的項目路徑Controllerswwwroot";
5 
6                 setting.ExcludeFileSuffixs.Add(".old.js");
7                 setting.ExcludeFileSuffixs.Add(".map");
8                 setting.BuildControllers();

4）運行控制臺應用程序，就會生成相應的cs文件。

2.2、WwwRootSetting參數(shù)簡介

NameSpace參數(shù)設置命名空間

InFolderPath參數(shù)指定wwwroot目錄

OutFolderPath參數(shù)指定輸出目錄

ExcludeFileSuffixs參數(shù)依據(jù)文件后綴排除文件

ExcludeFiles參數(shù) 依據(jù)文件排除文件

2.3、其他相關

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

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

3）程序更新后，靜態(tài)文件過期問題。網(wǎng)上有很多成熟的方案，這里介紹一個最簡單的方法，使用靜態(tài)文件+程序版本號來解決，如：

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

后記：

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

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

總結

以上是生活随笔為你收集整理的《DotNet Web应用单文件部署系列》二、打包wwwroot文件夹的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。