AspNet Core中静态文件、目录浏览详解

文章目录

  • 前言
  • 1. wwwroot
  • 2. UseStaticFiles()注册静态文件中间件
    • 2.1 框架自带静态文件
    • 2.1 自定义静态文件
  • 3. UseDirectoryBrowser()注册目录结构中间件
    • 3.1 默认目录结构
    • 3.2 自定义开放目录结构
    • 3.3 静态文件和目录配合使用
  • 4. UseFileServer()融合静态文件、目录结构
    • 4.1 默认文档
  • 5. 总结

前言

以前使用.Net Framwork部署web时需要IIS进行部署 ,在IIS中的虚拟目录、默认文档、MIME、、等等都是已经帮我们处理好了,但是在aspnet core中需要我们自处理,框架自带为我们提供了几个中间件 ,需要在请求管道中自行进行处理过滤等。
下面我将详细的介绍框架自带的几个静态文件、目录文档中间件。

1. wwwroot

aspnet core提供的mvc、razorpage、webapi模板都是可以用来开发web项目的,那么细心的童鞋会注意到项目结构中新建wwwroot文件夹会自动映射成这样的结构。在这里插入图片描述
这是框架中默认wwwroot为静态文件虚拟目录文件夹,内部可以存放js、css、html、image等等常用文件。

2. UseStaticFiles()注册静态文件中间件

2.1 框架自带静态文件

从下图中可以看到UseStaticFiles方法件默认有三个重载,下面会进行一一尝试 。
AspNet Core中静态文件、目录浏览详解_第1张图片
当我们没有注册静态文件中间件时并不能访问wwwroot文件夹下的文件。
AspNet Core中静态文件、目录浏览详解_第2张图片
Configure方法中注册静态文件中间件。

app.UseStaticFiles();

这时就可以正常访问了。
AspNet Core中静态文件、目录浏览详解_第3张图片

2.1 自定义静态文件

在某些业务场景中我们可能需要自建立静态文件的路径,例如上传文件需要自己建立的文件夹来进行存储等。
这时就需要使用到UseStaticFiles另外两个重载方法。

app.UseStaticFiles(new StaticFileOptions
{
    RequestPath = new Microsoft.AspNetCore.Http.PathString("/file"),
    ServeUnknownFileTypes = true,
    //这里需要传递绝对路径
    //FileProvider = new PhysicalFileProvider("files")
    FileProvider = new PhysicalFileProvider(Path.Combine(Directory.GetCurrentDirectory(), "files"))
});

StaticFileOptions常用属性解释:

  • RequestPath:请求的路径,一定是绝对路径 /
  • ServeUnknownFileTypes:支持未知的文件类型
  • FileProvider:文件路径,一定是绝对路径
  • OnPrepareResponse:这是一个Action委托,可以对HttpContext做自己的相关处理

我们新建一个files文件夹用来存放自己的文件。
AspNet Core中静态文件、目录浏览详解_第4张图片
这时我们测试访问 https://localhost:5001/file/特殊文件不能访问.png

下面的截图不要搞混淆了,我这里顺带一起解释了ServeUnknownFileTypes,访问上面的地址会访问到我测试了没有设置ServeUnknownFileTypes的时候访问Dockerfile文件出现的404截图。
AspNet Core中静态文件、目录浏览详解_第5张图片
设置ServeUnknownFileTypes=true能正常访问未支持的文件了。

设置RequestPath可以对内的文件夹目录做一个封闭,这样能够不暴露内部的目录结构。

上面这样的静态文件这样暴露出来对于使用者来说根本不知道路径是怎样的,接下来会引入另外一个浏览器目录中间件

3. UseDirectoryBrowser()注册目录结构中间件

3.1 默认目录结构

注静态文件、目录结构中间件

app.UseStaticFiles();
app.UseDirectoryBrowser();

这时我们可以看到wwwroot文件夹下的静态文件,这样能够很方便的给使用者一目了然的知道静态文件的结构是怎样的。

注意:这里使用默认的目录结构只会显示出wwwroot下的静态文件,并没有显示出上面提及的files下的静态文件。

AspNet Core中静态文件、目录浏览详解_第6张图片

3.2 自定义开放目录结构

有时候并不会将wwwroot下的所有目录展示出来,可以自行定义展示的目录,例如只展示html文件夹的文件。

app.UseStaticFiles();
app.UseDirectoryBrowser(new DirectoryBrowserOptions
{
    FileProvider = new PhysicalFileProvider(Path.Combine(Directory.GetCurrentDirectory(), "wwwroot/html"))
});

AspNet Core中静态文件、目录浏览详解_第7张图片

注意:这里只是目录结构的展示进行了约束,其他静态文件照样是可以访问的。

3.3 静态文件和目录配合使用

我们指定展示上面介绍的自定义文件。

app.UseStaticFiles(new StaticFileOptions
{
    RequestPath = new Microsoft.AspNetCore.Http.PathString("/file"),
    ServeUnknownFileTypes = true,
    FileProvider = new PhysicalFileProvider(Path.Combine(Directory.GetCurrentDirectory(), "files"))
});
app.UseDirectoryBrowser(new DirectoryBrowserOptions
{
    FileProvider = new PhysicalFileProvider(Path.Combine(Directory.GetCurrentDirectory(), "files")),
    RequestPath = new Microsoft.AspNetCore.Http.PathString("/file")
});

AspNet Core中静态文件、目录浏览详解_第8张图片
这时点击静态文件就能够进行正常访问了,仔细的童鞋应该发现了我们的静态文件、目录都是指定的同一个路径和访问地址,经过我测试了要是请求地址没有进行统一的话会照样访问不到的,想道理也能够明白,目录结构的访问路径肯定要和请求路径统一。

那么这样是不是觉得很麻烦呢????

4. UseFileServer()融合静态文件、目录结构

注册融合静态文件、目录结构中间件。

app.UseFileServer(true);

这时照样能够正常的访问,这里不设置EnableDirectoryBrowsing=true也还是不会展示目录结构的。
``AspNet Core中静态文件、目录浏览详解_第9张图片

4.1 默认文档

设置EnableDefaultFiles是否启用默认文档,例如访问 **https://localhost:5001/html/**时自动采用了index.html,我猜想这里的默认文档应该和iis中设置的默认文档是一个意思。

app.UseFileServer(new FileServerOptions
{
    EnableDefaultFiles=true,
    EnableDirectoryBrowsing=true
});

注意:当启用了默认文档时在展示目录结构的时候并不会定位到和默认文档同级文件夹下的内容。

例如直接点击html时并不会展示html文件夹下的目录结构,而是直接访问了默认文档。根据自己的使用场景可以自定决定是否开启默认文档。
AspNet Core中静态文件、目录浏览详解_第10张图片

5. 总结

由于在公司的时候工作比较多并且繁琐,文章更新的不频繁,还是尽量坚持每周至少更新一批文章,写文章不易 ,希望能够帮助到园子里面的童鞋。喜欢的话可以点个赞和关注一波。
源代码地址:https://github.com/jonny-xhl/my-demo/tree/master/src/files/Jonny.AllDemo.StaticFile

你可能感兴趣的:(asp.net,core)