在這篇文章中,你將學到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混淆文件。