溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么在ASP.NET Core中實(shí)現(xiàn)預(yù)壓縮靜態(tài)文件

發(fā)布時(shí)間:2021-05-24 16:48:56 來源:億速云 閱讀:138 作者:Leah 欄目:開發(fā)技術(shù)

本篇文章為大家展示了怎么在ASP.NET Core中實(shí)現(xiàn)預(yù)壓縮靜態(tài)文件,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。

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

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

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

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

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

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

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

提供壓縮文件

這里我參考了Stack Overflow上的一個(gè)簡單解決方案(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)。對我來說這個(gè)方案已經(jīng)足夠簡單。

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;
    }
  }
});

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

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

Install-Package CompressedStaticFiles -Version 1.0.4

ASP.NET 是什么

ASP.NET 是開源,跨平臺,高性能,輕量級的 Web 應(yīng)用構(gòu)建框架,常用于通過 HTML、CSS、JavaScript 以及服務(wù)器腳本來構(gòu)建網(wǎng)頁和網(wǎng)站。

上述內(nèi)容就是怎么在ASP.NET Core中實(shí)現(xiàn)預(yù)壓縮靜態(tài)文件,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI