搭建一个目录列表程序-H5ai搭建-阿里云开发者社区

开发者社区> JYCF> 正文

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

简介: 在阿里云平台搭建一个轻量级的目录系统-H5ai,史上最详细安装教程,轻量级目录列表系统
+关注继续查看

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

下面是h5ai的示例图片


image.png

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

#yum install httpd

image.png
2. 安装php

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

image.png

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

image.png

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

image.png
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

image.png

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

image.png

  • 配置_h5ai

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

#chmod 777 private public

image.png

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

image.png
4. 配置httpd.conf文件

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

image.png

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

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

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

image.png
image.png
image.png

  • 你会看见两个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

image.png

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

image.png

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

image.png

  1. 使用目录列表程序

image.png

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

image.png

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

image.png
image.png
image.png

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

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

  • 关闭防火墙和selinux,配置永久关闭selinux和添加防火墙端口和规则可以百度以下,太多这种教程,我就不写了,太麻烦了。
#setenforce 0(临时关闭)
#systemctl stop firewalld(临时关闭)
  • 关闭以后再刷新网页看看是否正常运行网页

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
ECS服务器搭建
tomcat,java,redis,mysql云,nginx
23 0
2Ubuntu/RedHat下nfs服务器搭建,Linux多台电脑共享目录
 1安装nfs(网络文件系统)服务器 共享的原理: 安装命令: sudo apt-get install nfs-kernel-server 2设置/etc/exports配置文件 添加以下这行配置 其中: *表示所有ip,如果想指定ip,可以把*换成你自己的ip地址。 rw:表示只读权限,如果想变成只读的,修改配置为ro sync:表示同步的方式。任何人对这个目录的修改,其它人都可以
1730 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
4508 0
【Linux】JDK+Eclipse 搭建C/C++开发环境
注:本文所提供的参考示例是在CentOS Linux环境下的安装,不保证适用于其他版本的Linux系统。 ·    安装前的注意事项 编译源代码是需要对应的代码编译工具的,本文中安装的Eclipse只是一个编写代码的外壳,不能对代码进行编译工作,所以你的Linux系统应当安装了编译器,这样Eclipse在编译源代码的时候才可以调用到对应的编译器;小编安装了的GCC,也就是我的Eclipse使用g++/gcc 进行代码的编译工作。
1240 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
10775 0
Eclipse搭建C++开发环境报错Launch failed.Binary not found
问题描述: Eclipse搭建C++开发环境后,运行HelloWorld程序,报错launch failed.binary not found 解决办法: 1 C++工程右键 ---> Build Configurations --->...
1078 0
+关注
2
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载