欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET Core中预压缩静态文件的方法步骤

程序员文章站 2023-12-12 17:05:16
前言 web应用程序的优化是非常重要,因为使用更少的cpu,占用更少的带宽可以减少项目的费用。 在asp.net core中我们可以很容易的启用响应压缩,但是针对预压缩文...

前言

web应用程序的优化是非常重要,因为使用更少的cpu,占用更少的带宽可以减少项目的费用。 在asp.net core中我们可以很容易的启用响应压缩,但是针对预压缩文件,就需要做一些额外的功能了。 这篇博客文章展示了如何在asp.net core中预压缩静态文件。

下面话不多说了,来一起看看详细的介绍吧

为什么需要预压缩文件?

虽然在从服务器请求文件时, 我们可以动态压缩文件,但这意味这web服务器需要做更多的额外工作。 其实只有在新的应用程序部署时才会更改要压缩的文件。 越好的压缩效果需要cpu做的工作就越多。

这个事实让我们产生一个疑问:是否有可能在不对其进行反复压缩的情况下提供这些文件? 幸运的是,这个问题答案是肯定的 - 是的,我们可以在asp.net core中通过扩展静态文件中间件来做到这一点。

创建预压缩文件

为了让整个演示尽量简单,我们可以使用7-zip来压缩磁盘上的静态文件。 以下是压缩默认asp.net core mvc应用程序的site.css文件时7-zip的对话框窗口。

这里你可能注意到我启用了ultra压缩。这显然不是我们希望在web服务器上动态压缩的方法,因为它太消耗cpu了。

正常情况下,这里可以使用gulp来完成文件捆绑和收缩的功能,本文中暂时不会介绍这个。

提供压缩文件

这里我参考了stack overflow上的一个简单解决方案(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;
    }
  }
});

当然javascript和css文件并不是唯一需要压缩的文件类型。所以这里我们不能把contenttype写死。这里我采用了.net core tutorials站点中提供的一个解决方案( getting a mime type from a file name in .net core)。对我来说这个方案已经足够简单。

var provider = new fileextensioncontenttypeprovider();
string contenttype;
if (!provider.trygetcontenttype(filename, out contenttype))
{
  contenttype = "application/octet-stream";
}

这里我把2个方案合并在里一起,产生了最终解决方案。

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

至此,使用以上的代码,本文的主题就被解决了。

针对那些想直接使用现成库的开发人员,可以使用nuget直接下载peter andersson做好的中间件。

install-package compressedstaticfiles -version 1.0.4

总结

虽然使用预压缩文件不是web开发的主流,但它仍然可以节省cpu和带宽。 压缩静态文件可以作为asp.net core应用程序构建的一个步骤。 尽管asp.net core开箱即不支持预压缩文件,但我们依然可以通过扩展静态文件中间件,使其支持预压缩文件。

好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。

上一篇:

下一篇: