收起左侧

NAS 部署 H5 项目太麻烦?这款发布系统让你 1 分钟搞定部署 + 授权访问

0
回复
319
查看
[ 复制链接 ]

17

主题

5

回帖

0

牛值

fnOS系统内测组

社区上线纪念勋章

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 页面的快速部署与展示,还内置了授权码访问控制机制,保证了一定的安全性。当然对于网站部署有更多需求的,是不太推荐的,这个只能作为快速便捷的简单展示。

综合推荐:⭐⭐⭐(有需要的,值得一试)

使用体验:⭐⭐⭐(便捷轻量,又有一定安全保障)

部署难易:⭐⭐(简单)︎

收藏
送赞
分享
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则