H5 Page Maker, H5 Editor, LowCode. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台.
GNU General Public License v3.0
8.96k
stars
1.68k
forks
source link
H5-Dooring私有化部署流程(中文版指南) #151
Open
MrXujiang opened 1 year ago
欢迎了解并使用H5-Dooring 👋
项目架构新
H5-Dooring 技术架构包含了核心编辑器端, 管理后台(可替换成自己公司内部的, 或者改造成内部使用的), 服务端(可替换的服务端, 可以替换成自己公司的服务体系), 分别对应的目录如下:
环境参数
浏览器支持
Modern browsers does not support IE browser
本地运行
editor工程
购买私有化授权的企业可以进入交付的
editor
工程, 执行安装包命令:安装完毕之后, 再运行命令:
此时在终端控制台会打印访问的ip端口号, 我们在浏览器中打开即可运行.
构建
我们在项目的
package.json
文件中可以看到如下脚本配置:这里给大家介绍一下这几个命令的用途:
我们执行完build后, 会将打包后的文件统一移动到
server/static
目录下. 部署也只需要部署server
目录即可.公共配置
工程化我们采用的是
umi3.0
, 所以我们在.umirc.ts
文件下统一管理编辑器相关的公共配置, 这里我们需要关注一下文件中的define
, 主要用来提供自定义配置:admin
同 editor 工程, 这里就不一一介绍了.
server(服务器工程)
同样的, 我们进入该目录, 执行安装命令:
运行:
如果单独启动 editor 或者 admin, 我们无法正常访问到服务器请求, 所以这个时候需要配置本地服务器ip, 同时在 server 工程中配置editor 或者 admin 工程的ip白名单, 如下:
这样我们就能解决服务器本地运行跨域的问题了.
部署上线
我们只需要把
server
目录上传到服务器, 并安装nodejs
,yarn
即可, 如果需要做负载均衡, 我们可以使用pm2
, 使用pm2做复杂均衡:注意事项
1. cdn 问题
目前
H5-Dooring
工程中存在的部分静态资源存放在Dooring
服务器cdn
中, 企业在部署上线前需要将dooring
的cdn
替换成外部或者企业自身的cdn
或者静态服务器中.2. 安装报错问题
在安装过程中可能会遇到node-saas安装失败, 这里可以采用如下方案解决:
npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。
解决方案一
解决方法二:使用 cnpm
解决方法三:创建.npmrc文件
在项目根目录创建.npmrc文件,复制下面代码到该文件
还必须在主目录的.bashrc下添加:
最后
这样node-saas报错问题即可解决.