H5 项目发布系统:
一款 HTML 应用管理系统,轻松发布你的 HTML 小应用,支持版本管理与授权访问。项目采用的是前后端分离的技术架构,后端采用 PHP 的t hinkphp 框架、前端采用 React 的 Ant Design Pro 框架。

主要功能和工作原理概览图:

准备
来到 GitHub 下载项目:https://github.com/luler/hello_project

解压 ZIP 文件,只需要里面的这 3 个文件夹(docker-compose.yml 模板也可以加上)

NAS 里创建文件夹,将上面文件放到里面

安装
Docker Compose
services:
php_nginx:
image: registry.cn-shenzhen.aliyuncs.com/luler/linux_php_nginx:php7.3
container_name: php_nginx
privileged: true
ports:
- 1314:80
volumes:
- ./config/init.sh:/init.sh
- ./runtime/nginx/wwwlogs:/home/wwwlogs
- ./code/api:/home/wwwroot/api
- ./code/web/dist:/home/wwwroot/web/dist
- ./config/nginx/nginx.conf:/usr/local/nginx/conf/nginx.conf
- ./config/nginx/vhost:/usr/local/nginx/conf/vhost
- ./config/php/php-fpm.conf:/usr/local/php/etc/php-fpm.conf
- ./config/php/php.ini:/usr/local/php/etc/php.ini
restart: always
使用
浏览器中输入 <span leaf="">http://NAS的IP:1314</span>
就能看到界面

输入账号和密码进行登录(默认账号密码:admin/admin)

右上角,点击“设置密码”

建议修改默认密码,避免被破解了

来到 H5 项目列表,点击“新增”

填写项目名称(授权码,相当于访问 html 页面需要输入密码)

点击进入项目

上传项目的压缩包文件

点击跳转访问链接

可以正常加载显示 html 页面

支持简单的多用户管理

总结
由于最近项目有前端页面展示需求,偶然发现了这款 H5 项目发布系统,作为一款简单轻量的 HTML 应用管理工具还是挺不错的:不仅能实现 HTML 页面的快速部署与展示,还内置了授权码访问控制机制,保证了一定的安全性。当然对于网站部署有更多需求的,是不太推荐的,这个只能作为快速便捷的简单展示。
综合推荐:⭐⭐⭐(有需要的,值得一试)
使用体验:⭐⭐⭐(便捷轻量,又有一定安全保障)
部署难易:⭐⭐(简单)︎
︎
︎
︎
︎
︎
︎