r语言默认工作目录document-凯发k8官方网

本文将会介绍如何使用 docker、node、javascript、traefik 完成一个简单的目录索引服务，全部代码在 300 行以内。相关代码已开源至 github ，文末有链接，感兴趣可以自取。

实现一个目录索引站点并不是什么难事，但是即便如此，需要考虑的事情也有很多，要实现非阻塞io、要实现文件缓存、要实现ssl等等一系列稍微有些麻烦的事情，如何能在尽可能少编写代码的情况下，完成这个需求呢。

其实很简单，借助完善靠谱的开源项目们，本文最终实现例子效果如下。

最终结果预览

实现核心逻辑

说到 web 目录索引服务，我们一般会想到的就是大名鼎鼎的 nginx 或者它的竞品们了。而它其中一个默认模块便提供了这个目录列表的功能: ngx_http_autoindex_module。

这个模块十分简单，在此我就不过度展开，有兴趣可以翻阅 nginx 官方文档，了解这个模块提供的几个简单的指令。

对某个路由下的页面开启 autoindex 可以轻松实现列目录的功能，比如这样：

location / {

autoindex_format html;

autoindex_localtime on;

autoindex_exact_size on;

autoindex on;

}

如果你简单使用上面的逻辑，你会得到一个黑底白字的页面，虽然能用，但是未免太过丑陋，查看生成文档源代码(由于代码高亮问题，使用 xpre 代替 pre)：

index of /

---

../

a/ 16-dec-2018 13:39 -

b/ 16-dec-2018 13:39 -

c/ 16-dec-2018 13:39 -

---

这个时候一般会有两个方案对默认的界面进行美化：

编译一个支持定义模板的 nginx 插件。

使用 ngx_http_addition_module 模块手动进行模板美化。

第一种方案需要额外编译，有一定的额外维护成本、以及后续升级改造的不稳定因素。我们选择第二种方式，比如将上面的逻辑改造为：

location / {

add_before_body /autoindex/header.html;

add_after_body /autoindex/footer.html;

autoindex_format html;

autoindex_localtime on;

autoindex_exact_size on;

autoindex on;

}

代码生效后，你将得到这样的文档结果：

小站index of /

---

../

a/ 16-dec-2018 13:39 -

b/ 16-dec-2018 13:39 -

c/ 16-dec-2018 13:39 -

---

这时你会发现样式似乎是正常了，但是会出现三个额外的问题：

文档闭合不标准，存在多个文档闭合标签。

nginx autoindex 默认生成的 html 文档存在内联样式标签，无法像三方模块一样进行页面定制。

默认生成文档结构不利于seo以及不利于页面样式定制。

但是很庆幸，nginx 还提供了一个内置模块：ngx_http_sub_module。 这个模块拥有编程语言中 replace 函数的作用，配合少量的替换操作，我们可以将文档轻松改造成我们想要的结构。

location / {

add_before_body /autoindex/header.html;

add_after_body /autoindex/footer.html;

autoindex_format html;

autoindex_localtime on;

autoindex_exact_size on;

autoindex on;

sub_filter '

index of $uri' '';

sub_filter '

' '';

sub_filter '' '';

sub_filter '

---

' '';

sub_filter '

---

' '';

sub_filter '' '';

sub_filter_once on;

charset utf-8;

}

此刻，再查看文档，会发现文档已经十分适合进行样式改造了。

小站../

a/ 16-dec-2018 13:39 -

b/ 16-dec-2018 13:39 -

c/ 16-dec-2018 13:39 -

在有一个良好的文档基础之后，我们可以使用 javascript 对它进行简单的增强，考虑到最基础浏览器的兼容问题，我们使用 es5 标准进行逻辑书写，下面不到二十行的代码，可以让我们使用文档中的 pre 标签作为数据源，重新生成适合排版的模板。

var datasets = document.getelementsbytagname('pre')[0].innerhtml.split('');

var directoryup = false;

var tpl = '';

for (var i = 0, j = datasets.length - 1; i < j; i ) {

var line = datasets[i];

if (line.indexof('../') === -1) {

line = line.match(/^(.*)s (s ss )s (s )/);

tpl = '

'

'

' line[1] ''

'

' '' line[2] '' ''

'

' line[3] ''

'

';

} else {

if (location.pathname !== '/') directoryup = true;

}

}

if (directoryup) tpl = '

..' tpl;

document.getelementsbytagname('tbody')[0].innerhtml = tpl;

当然，如果你想拥有更适合阅读的时间戳，可以引入一个名为 timeago.js 的脚本，配合下面的代码，让 nginx 输出的时间戳变可读性变的更好。

timeago().render(document.queryselectorall('.date'));

借助容器快速服务化

因为我们并未对 nginx 进行任何改造，所以我们可以很省事的直接使用 nginx 官方镜像提供我们的目录索引服务，这里推荐使用 alpine 镜像，小巧好用，比如下面的镜像，连带系统到软件，不到 20 mb。

nginx:1.15.7-alpine

为了简单，我直接使用 compose 和 traefik 完成搭建应用的最后一步，相关的说明之前的博客有写，我就不赘述了，还是不太会使用的同学请翻阅历史文档。

version: '3'

services:

nginx:

image: nginx:1.15.7-alpine

restart: always

labels:

- "traefik.enable=true"

- "traefik.port=80"

- "traefik.frontend.rule=host:demo.soulteary.com,demo.soulteary.io"

- "traefik.frontend.entrypoints=https,http"

- "traefik.frontend.headers.customresponseheaders=access-control-allow-origin:*"

networks:

- traefik

expose:

- 80

volumes:

- ./nginx.conf:/etc/nginx/nginx.conf

- ./mime.types:/etc/nginx/mime.types

- ./public:/app/public

- ./autoindex:/app/.autoindex

extra_hosts:

- "demo.soulteary.com:127.0.0.1"

- "demo.soulteary.io:127.0.0.1"

networks:

traefik:

external: true

当然，既然提到服务，最低要求是能够自动负载均衡、并且提供多节点存活，比如下面这样。

docker-compose up --scale nginx=2

最后

可能你会觉得这么一顿折腾，相比 nginx 默认配置性能会有很大降低，然而事实是并没有，有兴趣的同学可以进行性能压测。

总结

以上是凯发k8官方网为你收集整理的r语言默认工作目录document_使用 docker 和 nginx 实现简单目录索引服务的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。