h5ai搭建-一个轻量级的目录索引程序
漫天遍地插红旗
2021年10月04日 16:40

        

        h5ai是 HTTP Web 服务器的现代文件索引器,专注于您的文件。目录以吸引人的方式显示,浏览它们可以通过不同的视图、面包屑和树概述来增强。最初h5ai是HTML5 阿帕奇索引的缩写,但现在它也支持其他 Web 服务器。         h5ai不仅外观优美,实用性也很棒,可以用来分享文件,在线播放视频以及查看图片,更主要的是它是轻量级的目录列表程序,你可以在你的vps上安装体验一把,也可以在你的虚拟机上体验一下,作为一个小型文件共享服务器用它绝对就够了,作为目录索引程序,它只能下载和查看,不能上传。

上面是h5ai的示例图片


系统:centos7 环境:apache  php7.0+ 软件:h5ai 软件下载地址:https://larsjung.de/h5ai/

**1. 安装apache**

代码块
JavaScript
自动换行
复制代码
#yum install httpd
复制成功

**2. 安装php ** - 因为在CentOS7的软件仓库是没有php7.0的版本,我们需要安装第三方源

代码块
JavaScript
自动换行
复制代码
#yum install epel-release -y 
#rpm -Uvh rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm
复制成功

  • 确保没有旧版本的php,以防发生冲突

代码块
JavaScript
自动换行
复制代码
#yum remove -y php*
复制成功

  • 安装php72版本

代码块
JavaScript
自动换行
复制代码
#yum install -y php72w php72w-cli php72w-fpm php72w-common php72w-devel php72w-gd
复制成功
  • 查看php版本

代码块
JavaScript
自动换行
复制代码
#php -v
复制成功

**3.下载h5ai的压缩包**

  • 使用wget命令下载,具体版本在文章上方准备有h5ai的下载链接,可以进到链接中查看最新版本,也可以通过其他方法将zip压缩包上传到系统中。

  • 进入到网站根目录/var/www/html/,使用wget命令下载

代码块
JavaScript
自动换行
复制代码
#cd /var/www/html #wget --no-check-certificate https://release.larsjung.de/h5ai/h5ai-0.30.0.zip
复制成功
  • 解压zip文件,并将压缩包移动到其他目录(以防h5ai配置出现问题,可以解压后替换使用)

代码块
JavaScript
自动换行
复制代码
#unzip h5ai-0.30.0.zip #mv h5ai-0.30.0.zip /home
复制成功
  • 配置_h5ai

        1. 将_h5ai中的private和public目录权限设置为777

代码块
JavaScript
自动换行
复制代码
#chmod 777 private public
复制成功
  • 将private和public目录中的cache目录设置777权限

代码块
JavaScript
自动换行
复制代码
#chmod 777 /var/www/html/_h5ai/private/cache /var/www/html/_h5ai/public/cache
复制成功

**4. 配置httpd.conf文件**

代码块
JavaScript
自动换行
复制代码
#vim /etc/httpd/conf/httpd.conf
复制成功
  • 在httpd.conf的<IfModele dir_module>添加以下内容:

代码块
JavaScript
自动换行
复制代码
index.php /_h5ai/public/index.php
复制成功
  • 如果你使用的不是httpd而是nginx或者lighttpd可以在官网中查看方法(https://larsjung.de/h5ai/),我将它拷贝到下方。

Apache httpd 2.2/2.4: in httpd.conf or in the root directory's .htaccess file set for example:

代码块
JavaScript
自动换行
复制代码
DirectoryIndex  index.html  index.php  /_h5ai/public/index.php
复制成功

lighttpd 1.4: in lighttpd.conf set for example:

代码块
JavaScript
自动换行
复制代码
index-file.names += ("index.html", "index.php", "/_h5ai/public/index.php")
复制成功

nginx 1.2: in nginx.conf set for example:

代码块
JavaScript
自动换行
复制代码
index  index.html  index.php  /_h5ai/public/index.php;
复制成功

Cherokee 1.2: in cherokee.conf set for example:

代码块
JavaScript
自动换行
复制代码
vserver!1!directory_index = index.html,index.php,/_h5ai/public/index.php
复制成功

**5. 启动php-fpm和httpd服务,并设置开机自启**

代码块
JavaScript
自动换行
复制代码
#systemctl start php-fpm httpd #systemctl enable php-fpm httpd
复制成功

**6. 进入http://IP/_h5ai/public/index.php查看 h5ai 当前运行信息**

  • 当前运行环境与功能模块的自检结果,**密码为空**,如果网页进不去你可到文章末尾看第8段

  • 你会看见两个no,一个是预览视频的插件,一个是pdf查看插件

        1. 安装FFmpeg rpm软件包,先添加第三方源

代码块
JavaScript
自动换行
复制代码
#rpm --import http://li.nux.ro/download/nux/RPM-GPG-KEY-nux.ro 
#rpm -Uvh http://li.nux.ro/download/nux/dextop/el7/x86_64/nux-dextop-release-0-5.el7.nux.noarch.rpm
#yum install ffmpeg ffmpeg-devel -y
复制成功

  • 安装成功以后执行ffmpeg查看是都存在命令,之后刷新网页查看是否变成YES

  • 安装PDF thumbs功能,本次使用ImageMagick功能用于查看PDF,安装完成后刷新网页

代码块
JavaScript
自动换行
复制代码
#yum install -y ImageMagick
复制成功

 **7. 使用目录列表程序**

  • 我们进入http://IP or http://域名,查看一下

  • 我们在网站根目录创建一些目录,在网站上查看一下目录关系

代码块
JavaScript
自动换行
复制代码
#mkdir -p /var/www/html/网页编程/html
复制成功
  • 这下我们应该熟悉了网站的目录关系,h5ai可以识别根目录下的文件并显示,也可以创建一些目录及文件

代码块
JavaScript
自动换行
复制代码
网站根目录  
├─ _h5ai  
├─ your files  
└─ and folders
复制成功
  • 上传图片以及视频,并在h5ai网站中查看

  • h5ai还可以设置的有哪些?

代码块
JavaScript
自动换行
复制代码
1. 批量下载 
2. 页眉页脚 
3. 索引功能 
4. 二维码下载 
5. 其他个性化设置 
这里我将不再一一设置了,具体方法可以百度搜索**h5ai配置与美化**已经有博主分享了。 ```
复制成功

**8. 特别注意,如果你的网页进不去可能是开启了selinux和防火墙**

  • 关闭防火墙和selinux,配置永久关闭selinux和添加防火墙端口和规则可以百度以下,太多这种教程,我就不写了,太麻烦了。

代码块
JavaScript
自动换行
复制代码
#setenforce 0(临时关闭) 
#systemctl stop firewalld(临时关闭)
复制成功
  • 关闭以后再刷新网页看看是否正常运行网页