toolgood

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

 

       在这篇文章中,你将学到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混淆文件。

 

posted on 2021-09-11 10:06  ToolGood  阅读(454)  评论(0编辑  收藏  举报