搭建一个目录列表程序-H5ai搭建

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

下面是h5ai的示例图片


搭建一个目录列表程序-H5ai搭建

准备工作:
系统:centos7
环境:apache php7.0+
软件:h5ai 软件下载地址:(https://release.larsjung.de/h5ai/)
1. 安装apache

#yum install httpd

搭建一个目录列表程序-H5ai搭建
2. 安装php

  • 因为在CentOS7的软件仓库是没有php7.0的版本,我们需要安装第三方源
#yum install epel-release -y
#rpm -Uvh rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm

搭建一个目录列表程序-H5ai搭建

  • 确保没有旧版本的php,以防发生冲突
#yum remove -y php*

搭建一个目录列表程序-H5ai搭建

  • 安装php72版本
#yum install -y php72w php72w-cli php72w-fpm php72w-common php72w-devel php72w-gd
  • 查看php版本
#php -v

搭建一个目录列表程序-H5ai搭建
3.下载h5ai的压缩包

  • 使用wget命令下载,具体版本在文章上方准备有h5ai的下载链接,可以进到链接中查看最新版本,也可以通过其他方法将zip压缩包上传到系统中。
  • 进入到网站根目录/var/www/html/,使用wget命令下载
#cd /var/www/html
#wget --no-check-certificate https://release.larsjung.de/h5ai/h5ai-0.30.0.zip

搭建一个目录列表程序-H5ai搭建

  • 解压zip文件,并将压缩包移动到其他目录(以防h5ai配置出现问题,可以解压后替换使用)
#unzip h5ai-0.30.0.zip
#mv h5ai-0.30.0.zip /home

搭建一个目录列表程序-H5ai搭建

  • 配置_h5ai

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

#chmod 777 private public

搭建一个目录列表程序-H5ai搭建

  • 将private和public目录中的cache目录设置777权限
#chmod 777 /var/www/html/_h5ai/private/cache /var/www/html/_h5ai/public/cache

搭建一个目录列表程序-H5ai搭建
4. 配置httpd.conf文件

#vim /etc/httpd/conf/httpd.conf
  • 在httpd.conf的添加以下内容:
index.php /_h5ai/public/index.php

搭建一个目录列表程序-H5ai搭建

  • 如果你使用的不是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:

DirectoryIndex  index.html  index.php  /_h5ai/public/index.php

lighttpd 1.4: in lighttpd.conf set for example:

index-file.names += ("index.html", "index.php", "/_h5ai/public/index.php")

nginx 1.2: in nginx.conf set for example:

index  index.html  index.php  /_h5ai/public/index.php;

Cherokee 1.2: in cherokee.conf set for example:

vserver!1!directory_index = index.html,index.php,/_h5ai/public/index.php

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

#systemctl start php-fpm httpd
#systemctl enable php-fpm httpd

搭建一个目录列表程序-H5ai搭建
6. 进入http://IP/_h5ai/public/index.php查看 h5ai 当前运行信息
搭建一个目录列表程序-H5ai搭建

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

搭建一个目录列表程序-H5ai搭建
搭建一个目录列表程序-H5ai搭建
搭建一个目录列表程序-H5ai搭建

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

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

#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

搭建一个目录列表程序-H5ai搭建

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

搭建一个目录列表程序-H5ai搭建

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

搭建一个目录列表程序-H5ai搭建

  1. 使用目录列表程序

搭建一个目录列表程序-H5ai搭建

  • 我们在网站根目录创建一些目录,在网站上查看一下目录关系
#mkdir -p /var/www/html/网页编程/html

搭建一个目录列表程序-H5ai搭建

  • 这下我们应该熟悉了网站的目录关系,h5ai可以识别根目录下的文件并显示,也可以创建一些目录及文件
网站根目录
 ├─ _h5ai
 ├─ your files
 └─ and folders
  • 上传图片以及视频,并在h5ai网站中查看

搭建一个目录列表程序-H5ai搭建
搭建一个目录列表程序-H5ai搭建
搭建一个目录列表程序-H5ai搭建

  • h5ai还可以设置的有哪些?
1. 批量下载
2. 页眉页脚
3. 索引功能
4. 二维码下载
5. 其他个性化设置
这里我将不再一一设置了,具体方法可以百度搜索**h5ai配置与美化**已经有博主分享了。

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

  • 关闭防火墙和selinux,配置永久关闭selinux和添加防火墙端口和规则可以百度以下,太多这种教程,我就不写了,太麻烦了。
#setenforce 0(临时关闭)
#systemctl stop firewalld(临时关闭)
  • 关闭以后再刷新网页看看是否正常运行网页
上一篇:Android 开发之旅:深入分析布局文件&又是“Hello World!”


下一篇:android 图片加载库 Glide 的使用介绍