asp.net core 系列之静态文件-白红宇

asp.net core 系列之静态文件

阅读量：5037 次

发布时间：2019-06-12

本文共 8647 字，大约阅读时间需要 28 分钟。

这篇讲解asp.net core中的静态文件(大致翻译于官网)。

静态文件，例如HTML,CSS, images和JavaScript. 要想直接被客户端访问，需要做一些配置。

一.Serve static files（提供静态文件服务）

静态文件存储在项目的web root 目录下。默认的目录是<content_root>/wwwroot,但可以通过UseWebRoot方法来改变默认目录。

更多可以查看： See and for more information.

应用的web host 必须知道内容根目录。

WebHost.CreateDefaultBuilder方法设置内容根目录到当前目录中：

public class Program{    public static void Main(string[] args)    {        CreateWebHostBuilder(args).Build().Run();    }    public static IWebHostBuilder CreateWebHostBuilder(string[] args) =>        WebHost.CreateDefaultBuilder(args)            .UseStartup
     
      ();}

静态文件可以通过一个相对web root的路径来访问。

例如，web application 项目模板在wwwroot文件夹下包含几个文件夹：

wwwroot

- css
- images
- js

到images子目录中的文件的URI格式为： 。例如，

http://localhost:9189/images/banner3.svg.

如果是.NET Framework, 添加 Microsoft.AspNetCore.StaticFiles包到项目中。如果是.NET Core, Microsoft.AspNetCore.App包含这个包。

配置中间件来允许提供静态文件的服务。

1.Serve files inside of web root（在web root中提供files服务）

在Startup.Configure中调用UseStaticFiles方法：

public void Configure(IApplicationBuilder app){    app.UseStaticFiles();}

这个无参的UseStaticFiles方法标志着web root中的文件可以提供服务。下面的标签引用 wwwroot/images/banner1.svg:

在上面的代码中，~/ 指向webroot，更多信息：.

像上面的代码，要使用web root下的文件，需要直接指向到web root下的具体的文件。

2.Serve files outside of web root(在web root外提供文件服务)

考虑下面的目录层级，将在web root外面的MyStaticFiles提供文件服务。

通过配置静态文件中间件(the Static File Middleware),使请求可以取得banner1.svg文件：

public void Configure(IApplicationBuilder app){    app.UseStaticFiles(); // For the wwwroot folder    app.UseStaticFiles(new StaticFileOptions    {        FileProvider = new PhysicalFileProvider(            Path.Combine(Directory.GetCurrentDirectory(), "MyStaticFiles")),        RequestPath = "/StaticFiles"    });}

在上面的代码中，MyStaticFiles目录通过StaticFiles 的URI被暴露。

一个到 的请求，可以得到banner1.svg文件。

下面的标记引用MyStaticFiles/images/banner1.svg文件：

3.Set HTTP response headers(设置HTTP响应头)

StaticFileOptions 对象可以被用来设置HTTP response headers(HTTP 响应头)。

另外配置静态文件服务于web root, 下面的代码设置了Cache-Control 头：

public void Configure(IApplicationBuilder app, IHostingEnvironment env){    var cachePeriod = env.IsDevelopment() ? "600" : "604800";    app.UseStaticFiles(new StaticFileOptions    {        OnPrepareResponse = ctx =>        {            // Requires the following import:            // using Microsoft.AspNetCore.Http;            ctx.Context.Response.Headers.Append("Cache-Control", $"public, max-age={cachePeriod}");        }    });}

HeaderDictionaryExtensions.Append方法存在于Microsoft.AspNetCore.Http包中。

这个文件在开发环境可以缓存10分钟(600秒)。

二.Static file authorization(静态文件授权)

静态文件中间件不会提供授权检查。任何被它提供的文件服务，包括在wwwroot下的，都是公开可以访问的。

要基于授权提供文件服务：

把它们存储在wwwroot外面和对于静态文件中间件可以到达的任意目录

通过认证的action方法提供它们。返回一个FileResult对象：

[Authorize]public IActionResult BannerImage(){    var file = Path.Combine(Directory.GetCurrentDirectory(),                             "MyStaticFiles", "images", "banner1.svg");    return PhysicalFile(file, "image/svg+xml");}

三.Enable directory browsing(允许目录浏览)

目录浏览允许你的web应用上的用户看见一个目录列表，和指定目录里的文件。

目录浏览因为安全原因默认是被禁用的。可以在Startup.Configure方法中调用UseDirectoryBrowser方法来允许目录浏览：

public void Configure(IApplicationBuilder app){    app.UseStaticFiles(); // For the wwwroot folder    app.UseStaticFiles(new StaticFileOptions    {        FileProvider = new PhysicalFileProvider(            Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "images")),        RequestPath = "/MyImages"    });    app.UseDirectoryBrowser(new DirectoryBrowserOptions    {        FileProvider = new PhysicalFileProvider(            Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "images")),        RequestPath = "/MyImages"    });}

通过在Startup.ConfigureServices中调用AddDirectoryBrowser方法来添加必要的服务：

public void ConfigureServices(IServiceCollection services){    services.AddDirectoryBrowser();}

上面的代码允许 wwwroot/images目录下的目录浏览，通过 http://<server_address>/MyImages

使用这个链接来到达每个文件和目录：

允许目录浏览的一些安全风险，可以看

注意下面示例中的两个UseStaticFiles的调用。

第一个调用允许wwwroot文件夹提供静态文件。

第二个调用允许wwwroot/images文件夹使用目录浏览，通过http://<server_address>/MyImages ：

public void Configure(IApplicationBuilder app){    app.UseStaticFiles(); // For the wwwroot folder    app.UseStaticFiles(new StaticFileOptions    {        FileProvider = new PhysicalFileProvider(            Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "images")),        RequestPath = "/MyImages"    });    app.UseDirectoryBrowser(new DirectoryBrowserOptions    {        FileProvider = new PhysicalFileProvider(            Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "images")),        RequestPath = "/MyImages"    });}

四.Serve a default document(提供一个默认文档)

当访问你的网站时，设置一个默认的home page页面提供给浏览者一个合乎逻辑的起始页(默认页)(starting point)。

要提供一个默认的不需要用户详细修饰的URI的页面，需要在Startup.Configure中调用UseDefaultFiles方法：

public void Configure(IApplicationBuilder app){    app.UseDefaultFiles();    app.UseStaticFiles();}

重点：UseDefaultFiles 必须在UseStaticFiles之前被调用来提供默认文件。UseDefaultFiles是一个URL重写器，它不会真正提供文件服务。允许Static File Middleware通过UseStaticFiles来提供服务。

使用UseDefaultFiles，请求一个文件夹搜索：

default.htm

default.html

index.htm

index.html

列表中第一个被找到的文件会提供服务，好像请求是被详细修饰一样。

下面的代码改变默认文件名为mydefault.html:

public void Configure(IApplicationBuilder app){    // Serve my app-specific default file, if present.    DefaultFilesOptions options = new DefaultFilesOptions();    options.DefaultFileNames.Clear();    options.DefaultFileNames.Add("mydefault.html");    app.UseDefaultFiles(options);    app.UseStaticFiles();}

五.UseFileServer(使用文件服务器)

UseFileServer结合了UseStaticFiles，UseDefaultFiles,和UseDirectoryBrowser的功能。

下面的代码允许提供静态文件服务和默认文件。目录浏览没被允许。

app.UseFileServer();

下面的代码是建立在无参重载上的，允许目录浏览：

app.UseFileServer(enableDirectoryBrowsing: true);

考虑下面的目录层级：

下面的代码允许MyStaticFiles中的静态文件，默认文件和目录浏览：

public void Configure(IApplicationBuilder app){    app.UseStaticFiles(); // For the wwwroot folder    app.UseFileServer(new FileServerOptions    {        FileProvider = new PhysicalFileProvider(            Path.Combine(Directory.GetCurrentDirectory(), "MyStaticFiles")),        RequestPath = "/StaticFiles",        EnableDirectoryBrowsing = true    });}

当EnableDirectoryBrowsing属性值是true时，AddDirectoryBrowser必须被调用：

public void ConfigureServices(IServiceCollection services){    services.AddDirectoryBrowser();}

使用文件层级和之前的代码，URLs解析如下：

如果在MyStaticFiles目录中，没有默认名称的文件存在，http://<server_address>/StaticFiles

返回目录列表中被点击的链接：

六.FileExtensionContentTypeProvider

FileExtensionContentTypeProvider类包含一个映射属性,这个映射属性提供一个file extensions 到MIME content types 的映射。下面的代码中，几个文件扩展(file extensions)被注册为已知的MIME types。 .rtf extension被替换了，并且 .mp4 被移除了。

public void Configure(IApplicationBuilder app){    // Set up custom content types - associating file extension to MIME type    var provider = new FileExtensionContentTypeProvider();    // Add new mappings    provider.Mappings[".myapp"] = "application/x-msdownload";    provider.Mappings[".htm3"] = "text/html";    provider.Mappings[".image"] = "image/png";    // Replace an existing mapping    provider.Mappings[".rtf"] = "application/x-msdownload";    // Remove MP4 videos.    provider.Mappings.Remove(".mp4");    app.UseStaticFiles(new StaticFileOptions    {        FileProvider = new PhysicalFileProvider(            Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "images")),        RequestPath = "/MyImages",        ContentTypeProvider = provider    });    app.UseDirectoryBrowser(new DirectoryBrowserOptions    {        FileProvider = new PhysicalFileProvider(            Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "images")),        RequestPath = "/MyImages"    });}

更多：.

七.Non-standard content types(非标准类型)

Static File Middleware 理解几乎400个已知的文件类型(file content types).

如果用户请求一个未知的文件类型，Static File Middleware 会传递这个请求到管道上的下一个中间件。

如果没有中间件可以处理这个请求，一个404 Not Found 响应会被返回。

如果目录浏览被允许，在目录列表中，一个到这个文件的链接会被展示。

下面的代码允许提供未知的类型，并且渲染未知的文件为一个图片：

public void Configure(IApplicationBuilder app){    app.UseStaticFiles(new StaticFileOptions    {        ServeUnknownFileTypes = true,        DefaultContentType = "image/png"    });}

使用上面的代码，一个对未知文件类型的请求会作为一个图片返回。