前言

Web應(yīng)用程序的優(yōu)化是非常重要，因?yàn)槭褂酶俚腃PU,占用更少的帶寬可以減少項(xiàng)目的費(fèi)用。 在ASP.NET Core中我們可以很容易的啟用響應(yīng)壓縮，但是針對(duì)預(yù)壓縮文件，就需要做一些額外的功能了。 這篇博客文章展示了如何在ASP.NET Core中預(yù)壓縮靜態(tài)文件。

下面話不多說了，來一起看看詳細(xì)的介紹吧

為什么需要預(yù)壓縮文件？

雖然在從服務(wù)器請(qǐng)求文件時(shí)， 我們可以動(dòng)態(tài)壓縮文件，但這意味這Web服務(wù)器需要做更多的額外工作。 其實(shí)只有在新的應(yīng)用程序部署時(shí)才會(huì)更改要壓縮的文件。 越好的壓縮效果需要CPU做的工作就越多。

這個(gè)事實(shí)讓我們產(chǎn)生一個(gè)疑問：是否有可能在不對(duì)其進(jìn)行反復(fù)壓縮的情況下提供這些文件？ 幸運(yùn)的是，這個(gè)問題答案是肯定的 - 是的，我們可以在ASP.NET Core中通過擴(kuò)展靜態(tài)文件中間件來做到這一點(diǎn)。

創(chuàng)建預(yù)壓縮文件

為了讓整個(gè)演示盡量簡(jiǎn)單，我們可以使用7-Zip來壓縮磁盤上的靜態(tài)文件。 以下是壓縮默認(rèn)ASP.NET Core MVC應(yīng)用程序的site.css文件時(shí)7-Zip的對(duì)話框窗口。

這里你可能注意到我啟用了Ultra壓縮。這顯然不是我們希望在Web服務(wù)器上動(dòng)態(tài)壓縮的方法，因?yàn)樗腃PU了。

正常情況下，這里可以使用Gulp來完成文件捆綁和收縮的功能，本文中暫時(shí)不會(huì)介紹這個(gè)。

提供壓縮文件

這里我參考了Stack Overflow上的一個(gè)簡(jiǎn)單解決方案（How to gzip static content in ASP.NET Core in a self host environment. ）。它處理了Javascript和CSS文件。

app.UseStaticFiles(new StaticFileOptions
{
  OnPrepareResponse = context =>
  {
    IHeaderDictionary headers = context.Context.Response.Headers;
    string contentType = headers["Content-Type"];
    if (contentType == "application/x-gzip")
    {
      if (context.File.Name.EndsWith("js.gz"))
      {
        contentType = "application/javascript";
      }
      else if (context.File.Name.EndsWith("css.gz"))
      {
        contentType = "text/css";
      }
      headers.Add("Content-Encoding", "gzip");
      headers["Content-Type"] = contentType;
    }
  }
});

當(dāng)然Javascript和CSS文件并不是唯一需要壓縮的文件類型。所以這里我們不能把contentType寫死。這里我采用了.NET Core Tutorials站點(diǎn)中提供的一個(gè)解決方案（ Getting A Mime Type From A File Name In .NET Core）。對(duì)我來說這個(gè)方案已經(jīng)足夠簡(jiǎn)單。

var provider = new FileExtensionContentTypeProvider();
string contentType;
if (!provider.TryGetContentType(fileName, out contentType))
{
  contentType = "application/octet-stream";
}

這里我把2個(gè)方案合并在里一起，產(chǎn)生了最終解決方案。

var mimeTypeProvider = new FileExtensionContentTypeProvider();
 
app.UseStaticFiles(new StaticFileOptions
{
  OnPrepareResponse = context =>
  {
    var headers = context.Context.Response.Headers;
    var contentType = headers["Content-Type"];
 
    if (contentType != "application/x-gzip" && !context.File.Name.EndsWith(".gz"))
    {
      return;
    }
 
    var fileNameToTry = context.File.Name.Substring(0, context.File.Name.Length - 3);
 
    if (mimeTypeProvider.TryGetContentType(fileNameToTry, out var mimeType))
    {
      headers.Add("Content-Encoding", "gzip");
      headers["Content-Type"] = mimeType;
    }
  }
});

至此，使用以上的代碼，本文的主題就被解決了。

針對(duì)那些想直接使用現(xiàn)成庫(kù)的開發(fā)人員，可以使用Nuget直接下載Peter Andersson做好的中間件。

Install-Package CompressedStaticFiles -Version 1.0.4

總結(jié)

雖然使用預(yù)壓縮文件不是Web開發(fā)的主流，但它仍然可以節(jié)省CPU和帶寬。 壓縮靜態(tài)文件可以作為ASP.NET Core應(yīng)用程序構(gòu)建的一個(gè)步驟。 盡管ASP.NET Core開箱即不支持預(yù)壓縮文件，但我們依然可以通過擴(kuò)展靜態(tài)文件中間件，使其支持預(yù)壓縮文件。

好了，以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。

最新評(píng)論