怎么在ASP.NETCore中實(shí)現(xiàn)預(yù)壓縮靜態(tài)文件-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)建站長(zhǎng)期為近1000家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為阿克塞哈薩克族自治企業(yè)提供專業(yè)的網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì),阿克塞哈薩克族自治網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

為什么需要預(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

ASP.NET 是什么

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

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

文章名稱:怎么在ASP.NETCore中實(shí)現(xiàn)預(yù)壓縮靜態(tài)文件-創(chuàng)新互聯(lián)
分享鏈接:http://bm7419.com/article42/dcodhc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、小程序開發(fā)企業(yè)網(wǎng)站制作、云服務(wù)器、微信小程序動(dòng)態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)