剪藏#NASBox#剪藏
NAS 部署 H5 项目太麻烦？这款发布系统让你 1 分钟搞定部署 + 授权访问
2025 年 8 月 23 日 约 1 分钟
如有修改或改动，关注文章底部留言！
教程对你有用，可以 “点赞” 和 “打赏”支持 ~
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
JAVASCRIPT
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使用
浏览器中输入 http://NAS的IP:1314就能看到界面
输入账号和密码进行登录（默认账号密码：admin/admin）
右上角，点击“设置密码”
建议修改默认密码，避免被破解了
来到 H5 项目列表，点击“新增”
填写项目名称（授权码，相当于访问 html 页面需要输入密码）
点击进入项目
上传项目的压缩包文件
点击跳转访问链接
可以正常加载显示 html 页面
支持简单的多用户管理
总结
由于最近项目有前端页面展示需求，偶然发现了这款 H5 项目发布系统，作为一款简单轻量的 HTML 应用管理工具还是挺不错的：不仅能实现 HTML 页面的快速部署与展示，还内置了授权码访问控制机制，保证了一定的安全性。当然对于网站部署有更多需求的，是不太推荐的，这个只能作为快速便捷的简单展示。
综合推荐：⭐⭐⭐（有需要的，值得一试）
使用体验：⭐⭐⭐（便捷轻量，又有一定安全保障）
部署难易：⭐⭐（简单）︎
︎
︎
︎
︎
︎
︎