前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Linux系统之部署h5ai目录列表程序

Linux系统之部署h5ai目录列表程序

原创
作者头像
江湖有缘
发布2023-10-13 11:44:53
4850
发布2023-10-13 11:44:53
举报
文章被收录于专栏:Linux成长之路Linux成长之路

一、h5ai介绍

1.1 h5ai简介

h5ai 是用于 HTTP Web 服务器的现代文件索引器,专注于您的文件。目录以吸引人的方式显示,浏览它们通过不同的视图、面包屑和树概述得到增强。最初h5ai是HTML5 Apache Index的首字母缩写,但现在它也支持其他Web服务器。

1.2 h5ai特点

有许多可用的扩展和配置选项,允许用户自定义目录列表的Web外观。所有标记均为有效的HTML5,并附带有CSS3和最佳的JavaScript,这些可以用来构建新鲜且注重用户体验的文件视图。

一些可选功能包括:

  • 文件排序
  • 不同的视图模式
  • 本地化
  • 痕迹导航
  • 树视图
  • 自定义页眉和页脚
  • 文件过滤器和搜索
  • 文件夹大小
  • 自动刷新
  • 打包下载
  • 二维码
  • 缩略图
  • 文件预览

二、本地环境介绍

2.1 本地环境规划

本次实践为个人测试环境,操作系统版本为centos7.6。

hostname

本地P地址

操作系统版本

内核版本

node版本

jeven

192.168.3.166

centos 7.6

3.10.0-957.el7.x86_64

v16.17.0

2.2 本次实践介绍

1.本次实践部署环境为个人测试环境;

2.在centos7.6环境下部署h5ai文件展示页。

三、检查本地环境

3.1 检查本地操作系统版本

检查本地操作系统版本

代码语言:shell
复制
[root@jeven ~]# cat /etc/redhat-release
CentOS Linux release 7.6.1810 (Core)

3.2 检查系统内核版本

检查系统内核版本

代码语言:shell
复制
[root@jeven ~]# uname -r
3.10.0-957.el7.x86_64

四、安装httpd软件

4.1 检查yum仓库

如果没有镜像源,可以使用阿里云的镜像源。

代码语言:shell
复制
curl -o /etc/yum.repos.d/CentOS-Base.repo https://mirrors.aliyun.com/repo/Centos-7.repo
sed -i -e '/mirrors.cloud.aliyuncs.com/d' -e '/mirrors.aliyuncs.com/d' /etc/yum.repos.d/CentOS-Base.repo

检查yum仓库状态,确保各镜像源正常。

代码语言:shell
复制
[root@jeven ~]# yum repolist enabled
Loaded plugins: fastestmirror, langpacks
Determining fastest mirrors
 * epel: cdn.centos.no
repo id                                                                 repo name                                                                            status
!base/7/x86_64                                                          CentOS-7 - Base - mirrors.aliyun.com                                                 10,072
!epel/x86_64                                                            Extra Packages for Enterprise Linux 7 - x86_64                                       13,768
!extras/7/x86_64                                                        CentOS-7 - Extras - mirrors.aliyun.com                                                  518
!mysql-connectors-community/x86_64                                      MySQL Connectors Community                                                              227
!mysql-tools-community/x86_64                                           MySQL Tools Community                                                                   100
!mysql57-community/x86_64                                               MySQL 5.7 Community Server                                                              678
!updates/7/x86_64                                                       CentOS-7 - Updates - mirrors.aliyun.com                                               5,287
repolist: 30,650

4.2 安装httpd软件

直接使用yum安装httpd软件。

代码语言:shell
复制
yum -y install  httpd
在这里插入图片描述
在这里插入图片描述

4.3 启动httpd服务

启动httpd服务,并使开机自启。

代码语言:shell
复制
systemctl start httpd
systemctl enable  httpd

4.4 查看httpd服务

查看httpd服务,确保httpd服务正常。

代码语言:shell
复制
[root@jeven ~]# systemctl status httpd
● httpd.service - The Apache HTTP Server
   Loaded: loaded (/usr/lib/systemd/system/httpd.service; enabled; vendor preset: disabled)
   Active: active (running) since Sat 2023-10-07 20:28:35 CST; 8s ago
     Docs: man:httpd(8)
           man:apachectl(8)
 Main PID: 59236 (httpd)
   Status: "Processing requests..."
   CGroup: /system.slice/httpd.service
           ├─59236 /usr/sbin/httpd -DFOREGROUND
           ├─59237 /usr/sbin/httpd -DFOREGROUND
           ├─59238 /usr/sbin/httpd -DFOREGROUND
           ├─59239 /usr/sbin/httpd -DFOREGROUND
           ├─59240 /usr/sbin/httpd -DFOREGROUND
           └─59241 /usr/sbin/httpd -DFOREGROUND

Oct 07 20:28:35 jeven systemd[1]: Starting The Apache HTTP Server...
Oct 07 20:28:35 jeven systemd[1]: Started The Apache HTTP Server.

4.5 防火墙和selinux设置

  • 设置selinux
代码语言:shell
复制
sed -i 's/SELINUX=enforcing/SELINUX=disabled/' /etc/selinux/config
setenforce 0
  • 关闭防火墙,如果想要开启防火墙,需放行80端口。
代码语言:shell
复制
systemctl stop firewalld && systemctl disable firewalld

4.6 浏览器测试web服务

浏览器打开:http://192.168.3.166,将IP替换为自己服务器IP地址。

在这里插入图片描述
在这里插入图片描述

五、安装PHP

5.1 卸载旧版本PHP

卸载旧版本的php,防止与新装的php7.4版本冲突。

代码语言:shell
复制
yum remove -y php* 

5.2 安装remi镜像源

使用以下命令,安装remi镜像源。

代码语言:shell
复制
 yum -y install http://rpms.remirepo.net/enterprise/remi-release-7.rpm
在这里插入图片描述
在这里插入图片描述

5.3 安装php7.4版本

接yum安装php7.4版本及其模块组件。

代码语言:shell
复制
yum install -y --showduplicate --enablerepo=remi --enablerepo=remi-php74   php-fpm php  php-cli  php-bcmathphp-gd  php-json  php-mbstring  php-mcrypt  php-mysqlnd php-opcache  php-pdo  php-pecl-crypto  php-pecl-mcrypt php-pecl-geoip php-recode php-snmp  php-soap  php-xml  php-pecl-zip
在这里插入图片描述
在这里插入图片描述

5.4 查看php版本

查看当前的php版本

代码语言:shell
复制
[root@jeven ~]# php -v
PHP 7.4.33 (cli) (built: Aug  1 2023 09:00:17) ( NTS )
Copyright (c) The PHP Group
Zend Engine v3.4.0, Copyright (c) Zend Technologies
    with Zend OPcache v7.4.33, Copyright (c), by Zend Technologies

六、安装h5ai

6.1 下载h5ai软件包

创建下载目录

代码语言:shell
复制
mkdir -p /data/h5ai/ && cd /data/h5ai/

下载h5ai软件包

代码语言:shell
复制
wget --no-check-certificate https://release.larsjung.de/h5ai/h5ai-0.30.0.zip 
在这里插入图片描述
在这里插入图片描述

6.2 解压h5ai软件包

解压h5ai软件包

代码语言:shell
复制
unzip h5ai-0.30.0.zip
在这里插入图片描述
在这里插入图片描述

6.3 复制目录

将_h5ai目录复制到/var/www/html下

代码语言:shell
复制
 cp -a _h5ai/ /var/www/html/

将目录授权

代码语言:shell
复制
 chown -R apache:apache /var/www/html/

6.4 修改httpd配置文件

备份httpd配置文件

代码语言:shell
复制
cp /etc/httpd/conf/httpd.conf /etc/httpd/conf/httpd.conf.bak

修改httpd配置文件,在/etc/httpd/conf/httpd.conf文件中的<IfModele dir_module>模块添加以下内容:

代码语言:shell
复制
index.php /_h5ai/public/index.php 

6.5 重启httpd服务

重启httpd服务与 php-fpm并设置开机自启

代码语言:shell
复制
systemctl start php-fpm httpd  && systemctl enable php-fpm httpd 

七、安装h5ai相关插件

7.1 初始访问h5ai

访问地址:http://IP地址/_h5ai/public/index.php

在这里插入图片描述
在这里插入图片描述

当前密码为空,登录即可看到所有模块自检结果。

在这里插入图片描述
在这里插入图片描述

7.2 安装初始插件

  • 安装PDF thumbs功能
代码语言:shell
复制
yum install -y ImageMagick 
在这里插入图片描述
在这里插入图片描述
  • 安装视频插件
代码语言:shell
复制
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 
在这里插入图片描述
在这里插入图片描述
  • 安装php-gd扩展
代码语言:shell
复制
yum install -y --showduplicate --enablerepo=remi --enablerepo=remi-php74  php-common php-devel php-gd
  • 重启 php-fpm与httpd服务
代码语言:shell
复制
systemctl restart  php-fpm httpd

7.3 重新检测功能模块

刷新页面,可以看到所有功能模块都已经正常。

在这里插入图片描述
在这里插入图片描述

八、测试网站效果

8.1 访问h5ai首页

访问地址:http://192.168.3.166/,将IP替换为自己服务器IP地址。

在这里插入图片描述
在这里插入图片描述

8.2 新建网站目录

在网站根目录/var/www/html,新建以下目录。

代码语言:shell
复制
mkdir {movie,image,pdf,file}

上传文件到对应目录,目录内容如下:

代码语言:shell
复制
[root@jeven html]# tree -L 2 ./
./
├── file
│   └── \344\272\221\350\256\241\347\256\227.docx
├── _h5ai
│   ├── CHANGELOG.md
│   ├── private
│   ├── public
│   └── README.md
├── image
│   └── \344\270\255\347\247\213\345\233\276\347\211\207.jpg
├── index.php
├── movie
│   ├── 694448a4-cf6a-4105-8694-f5f8da384e2c_SD.mp4
│   └── \346\210\221\346\234\200\351\227\252\344\272\256\ .mp3
└── pdf
    └── \344\272\221\350\256\241\347\256\227\344\273\213\347\273\215.pdf

7 directories, 8 files

8.3 查看网站目录

刷新网页,可以看到新建的目录。

在这里插入图片描述
在这里插入图片描述

8.4 查看目录内容

测试目录中各种格式文件:

  • 测试pdf文件,可以正常在线打开。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
  • 测试图片文件,可以正常在线打开。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
  • 测试MP4视频文件,可以正常播放。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

我正在参与2023腾讯技术创作特训营第二期有奖征文,瓜分万元奖池和键盘手表

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、h5ai介绍
    • 1.1 h5ai简介
      • 1.2 h5ai特点
      • 二、本地环境介绍
        • 2.1 本地环境规划
          • 2.2 本次实践介绍
          • 三、检查本地环境
            • 3.1 检查本地操作系统版本
              • 3.2 检查系统内核版本
              • 四、安装httpd软件
                • 4.1 检查yum仓库
                  • 4.2 安装httpd软件
                    • 4.3 启动httpd服务
                      • 4.4 查看httpd服务
                        • 4.5 防火墙和selinux设置
                          • 4.6 浏览器测试web服务
                          • 五、安装PHP
                            • 5.1 卸载旧版本PHP
                              • 5.2 安装remi镜像源
                                • 5.3 安装php7.4版本
                                  • 5.4 查看php版本
                                  • 六、安装h5ai
                                    • 6.1 下载h5ai软件包
                                      • 6.2 解压h5ai软件包
                                        • 6.3 复制目录
                                          • 6.4 修改httpd配置文件
                                            • 6.5 重启httpd服务
                                            • 七、安装h5ai相关插件
                                              • 7.1 初始访问h5ai
                                                • 7.2 安装初始插件
                                                  • 7.3 重新检测功能模块
                                                  • 八、测试网站效果
                                                    • 8.1 访问h5ai首页
                                                      • 8.2 新建网站目录
                                                        • 8.3 查看网站目录
                                                          • 8.4 查看目录内容
                                                          相关产品与服务
                                                          云数据库 MySQL
                                                          腾讯云数据库 MySQL(TencentDB for MySQL)为用户提供安全可靠,性能卓越、易于维护的企业级云数据库服务。其具备6大企业级特性,包括企业级定制内核、企业级高可用、企业级高可靠、企业级安全、企业级扩展以及企业级智能运维。通过使用腾讯云数据库 MySQL,可实现分钟级别的数据库部署、弹性扩展以及全自动化的运维管理,不仅经济实惠,而且稳定可靠,易于运维。
                                                          领券
                                                          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档