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

这篇具有很好参考价值的文章主要介绍了Linux 系统之部署 h5ai 目录列表程序。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、h5ai 介绍

1.1)h5ai 简介

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

1.2)h5ai 特点

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

一些可选功能包括:

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

二、本地环境介绍

2.1)本地环境规划

本次实践为个人测试环境,操作系统版本为 CentOS 7.6。

hostname 本地P地址 操作系统版本 内核版本 node版本
blog 192.168.80.8 CentOS 7.6 3.10.0-957.el7.x86_64 v16.17.0

2.2)本次实践介绍

  1. 本次实践部署环境为个人测试环境;
  2. 在 CentOS 7.6 环境下部署 h5ai 文件展示页。

三、检查本地环境

3.1)检查本地操作系统版本

检查本地操作系统版本

cat /etc/redhat-release

3.2)检查系统内核版本

检查系统内核版本

uname -r

四、安装 httpd 软件

4.1)检查 yum 仓库

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

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 仓库状态,确保各镜像源正常。

yum repolist

4.2)安装 httpd 软件

直接使用 yum 安装 httpd 软件。

yum install httpd -y

4.3)启动 httpd 服务

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

systemctl enable --now httpd

4.4)查看 httpd 服务

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

systemctl status httpd

Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维

4.5)防火墙和 SELinux 设置

  • 设置 SELinux
sed -i 's/SELINUX=enforcing/SELINUX=disabled/' /etc/selinux/config
setenforce 0
  • 关闭防火墙,如果想要开启防火墙,需放行 80 端口。
systemctl disable --now firewalld

4.6)浏览器测试 web 服务

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

Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维

五、安装 PHP

5.1)卸载旧版本 PHP

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

yum remove php* -y

5.2)安装 remi 镜像源

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

yum -y install http://rpms.remirepo.net/enterprise/remi-release-7.rpm

5.3)安装 php7.4 版本

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

yum install --showduplicate --enablerepo=remi --enablerepo=remi-php74   php-fpm php  php-cli  php-bcmat hphp-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 -y

5.4)查看 php 版本

查看当前的 php 版本( 确保为 7.4 版本 )

php -v

六、安装 h5ai

6.1)下载 h5ai 软件包

创建下载目录

mkdir -p /data/h5ai/ && cd /data/h5ai/

下载 h5ai 软件包

wget --no-check-certificate https://release.larsjung.de/h5ai/h5ai-0.30.0.zip

6.2)解压 h5ai 软件包

解压 h5ai 软件包
h5ai-0.30.0.zip

unzip h5ai-0.30.0.zip

6.3)复制目录

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

cp -a _h5ai/ /var/www/html/

目录授权

chown -R apache:apache /var/www/html/

6.4)修改 httpd 配置文件

备份原 httpd 配置文件

cp /etc/httpd/conf/httpd.conf /etc/httpd/conf/httpd.conf_bak

修改 httpd 配置文件,在 /etc/httpd/conf/httpd.conf 文件中的模块添加以下内容:index.php /_h5ai/public/index.php

vim /etc/httpd/conf/httpd.conf

<IfModule dir_module>
    DirectoryIndex index.html index.php /_h5ai/public/index.php                    
</IfModule>

Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维

6.5)重启 httpd 服务

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

systemctl restart php-fpm httpd && systemctl enable php-fpm httpd

七、安装 h5ai 相关插件

7.1)初始访问 h5ai

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

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

Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维
Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维

7.2)安装初始插件

安装 PDF thumbs 功能

yum install ImageMagick -y

安装视频插件

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 扩展

yum install --showduplicate --enablerepo=remi --enablerepo=remi-php74 php-common php-devel php-gd -y

重启 php-fpm 与 httpd 服务

systemctl restart php-fpm httpd

7.3)重新检测功能模块

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

Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维

八、测试网站效果

8.1)访问 h5ai 首页

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

Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维

8.2)新建网站目录

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

cd  /var/www/html

mkdir {movie,image,pdf,file}

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

[root@blog html] tree -L 2

8.3)查看网站目录

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

Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维

8.4)查看目录内容

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

测试 pdf 文件,可以正常在线打开。
Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维
Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维

测试图片文件,可以正常在线打开。
Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维
Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维

测试 MP4 视频文件,可以正常播放。
Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维
Linux 系统之部署 h5ai 目录列表程序,开源项目,linux,运维文章来源地址https://www.toymoban.com/news/detail-822564.html

到了这里,关于Linux 系统之部署 h5ai 目录列表程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 最新AI创作系统ChatGPT源码+详细图文部署教程/支持GPT-4/AI绘画/H5端/Prompt知识库/思维导图生成

    如何搭建部署AI创作ChatGPT系统呢?小编这里写一个详细图文教程吧!SparkAi使用Nestjs和Vue3框架技术,持续集成AI能力到AIGC系统! 程序已支持ChatGPT3.5/GPT-4提问、AI绘画、Midjourney绘画(全自定义调参)、Midjourney以图生图、Dall-E2绘画、思维导图生成、知识库(可自定义训练)、

    2024年01月16日
    浏览(64)
  • uniapp:二级目录部署H5静态图片资源请求路径不对

    引入方式 由于url使用的是二级目录, http://www.demo.com/mini/ 开发环境中没有问题,资源可以正常请求到 上线后,发现静态资源请求的路径是 请求不到资源,返回了404 网上给出了很多方式 都不能获取 其实最后解决的方式也很简单,使用相对当前目录的方式 也就是把最前面的路

    2024年02月13日
    浏览(47)
  • 元AI ChatGPT系统4.0.0独立开源版 + H5端+小程序安装配置教程

    元AI系统是基于国外很火的ChatGPT进行开发的Ai智能问答小程序。本期针对源码系统整体测试下来非常完美,可以说元AI是目前国内最好的一款的ChatGPT对接OpenAI 软件系统。测试了下相比上3.0.0版回答更精准,修复了很多BUG,包括新增了H5功能。当然使用人的多问题也就突出出来,

    2024年02月11日
    浏览(46)
  • 最新AI创作系统ChatGPT网站H5源码V2.6.4+搭建部署教程+支持GPT4.0+支持ai绘画(Midjourney)/支持Prompt预设应用

    SparkAi创作系统是基于OpenAI很火的ChatGPT进行开发的Ai智能问答系统+AI绘画系统,支持 OpenAI GPT全模型+国内AI全模型 。本期针对源码系统整体测试下来非常完美,可以说SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。那么如何搭建部署AI创作ChatGPT?小编这里写一个详细图文教程

    2024年02月08日
    浏览(58)
  • 华为云云耀云服务器L实例评测 | Linux系统宝塔运维部署H5游戏

    本章节内容,我们主要介绍华为云耀服务器L实例,从云服务的优势讲起,然后讲解华为云耀服务器L实例资源面板如何操作,如何使用宝塔运维服务,如何使用运维工具可视化安装nginx,最后部署一个自研的H5的小游戏(6岁的小朋友玩的很开心😁)。 前端的同学如果想把自己

    2024年02月07日
    浏览(56)
  • Linux ll 显示目录内容列表

    显示目录内容列表 ls命令 就是list的缩写,用来显示目标列表,在Linux中是使用率较高的命令。ls命令的输出信息可以进行彩色加亮显示,以分区不同类型的文件。 语法 选项 参数 目录:指定要显示列表的目录,也可以是具体的文件。 实例 显示当前目录下包括隐藏文件在内的

    2024年02月16日
    浏览(41)
  • uniapp:聊天消息列表(好友列表+私人单聊)支持App、H5、小程序

          🎬 江城开朗的豌豆 :个人主页  🔥 个人专栏  :《 VUE 》 《 javaScript 》  📝  个人网站  :《 江城开朗的豌豆🫛 》  ⛺️ 生活的理想,就是为了理想的生活 ! 目录  ⭐  文章简介(效果图展示)           📟 插件传送门:聊天消息列表  📘  文章背景

    2024年04月15日
    浏览(52)
  • 小狐狸ChatGPT付费创作系统1.92独立版 + H5端 + 小程序前端+新增AI绘画功能 系统源码体验安装教程

    小狐狸GPT付费体验系统最新版系统是一款基于ThinkPHP框架开发的AI问答小程序,是基于国外很火的ChatGPT进行开发的Ai智能问答小程序。播播资源网针对源码整体测试下来非常完美,可以说小狐狸GPT目前国内最好的一款的ChatGPT对接OpenAI  软件系统。 -----------------------------------

    2024年02月07日
    浏览(103)
  • UE4/5AI制作基础AI(适合新手入门,运用黑板,行为树,ai控制器,角色类,任务)

    目录 制作流程 第一步:创建资产 然后创建一个AIController 之后创建一个黑板和行为树:  第二步:制作 黑板 行为树 任务 运行行为树  结果 第一步直接复制你的人物蓝图,做一个npc: 然后创建一个AIController 之后创建一个 黑板和行为树 :   首先打开你的BP_NPC的pawn类,然后

    2024年02月16日
    浏览(81)
  • 最新ChatGPT网站程序源码+AI系统+详细图文搭建教程/支持GPT4.0/AI绘画/H5端/Prompt知识库

    SparkAi系统是基于国外很火的ChatGPT进行开发的Ai智能问答系统。本期针对源码系统整体测试下来非常完美,可以说SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。 那么如何搭建部署AI创作ChatGPT?小编这里写一个详细图文教程吧! SparkAi程序使用Nestjs和Vue3框架技术,持续集成

    2024年02月12日
    浏览(57)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包