🚀 部署指南

瑞格防火玻璃项目管理平台 → 企业微信H5应用 完整部署流程

← 返回系统首页
整体流程:购买云服务器 → 上传代码 → 配置HTTPS域名 → 企业微信后台添加应用 → 员工使用
预计耗时:约2-3小时(含服务器购买和域名备案)
每月成本:约 ¥50-100(轻量云服务器)

第一步:购买云服务器

1推荐:腾讯云轻量应用服务器
配置推荐规格参考价格
CPU/内存2核 2GB约 ¥50/月
系统盘50GB SSD包含
带宽4Mbps包含
操作系统Ubuntu 22.04 LTS免费

购买地址:https://cloud.tencent.com/product/lighthouse

2购买域名(如已有可跳过)

企业微信要求H5应用必须使用已备案的域名。

3域名解析

在域名管理后台添加A记录:

# 添加一条 A 记录 主机记录: app # 或 @(使用主域名) 记录类型: A 记录值: 你的服务器公网IP # 如 123.45.67.89

第二步:部署代码到服务器

1安装 Node.js

SSH 登录服务器后执行:

curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - sudo apt-get install -y nodejs node -v # 验证安装,应显示 v20.x.x
2上传项目文件

使用 SCP 或宝塔面板上传以下文件到服务器 /opt/app/ 目录:

# 需要上传的文件: app.html # 前端页面 server.js # 后端服务器 package.json # 项目配置 css/style.css # 样式文件(如存在) js/ # JS目录(如存在) # 使用 SCP 上传示例: scp -r ./项目文件夹/* root@服务器IP:/opt/app/
3启动服务器
cd /opt/app node server.js # 服务器启动后会显示: # ======================================== # 瑞格防火玻璃项目管理平台 - 服务器已启动 # ======================================== # 本地访问: http://localhost:3000
4设置开机自启(推荐)

使用 PM2 管理进程,确保服务器重启后自动运行:

sudo npm install -g pm2 cd /opt/app pm2 start server.js --name fire-window-system pm2 save pm2 startup # 设置开机自启
5开放防火墙端口

在云服务器控制台的安全组中,放行以下端口:

端口用途协议
80HTTP(Nginx反代)TCP
443HTTPS(SSL证书)TCP
3000Node.js后端(内部)不需要对外开放

第三步:配置HTTPS(企业微信必需)

重要:企业微信要求H5应用必须通过HTTPS访问。你需要配置SSL证书。
1安装 Nginx
sudo apt install -y nginx
2申请免费SSL证书

在腾讯云控制台 → SSL证书 → 申请免费证书(TrustAsia),验证域名后下载。

或使用 Let's Encrypt 自动申请:

sudo apt install -y certbot python3-certbot-nginx sudo certbot --nginx -d app.你的域名.com
3配置 Nginx 反向代理
sudo nano /etc/nginx/conf.d/fire-window.conf

写入以下配置(替换域名和证书路径):

server { listen 80; server_name app.你的域名.com; return 301 https://$host$request_uri; } server { listen 443 ssl; server_name app.你的域名.com; # SSL 证书路径(替换为实际路径) ssl_certificate /etc/nginx/ssl/你的域名.pem; ssl_certificate_key /etc/nginx/ssl/你的域名.key; # 反向代理到 Node.js 后端 location / { proxy_pass http://127.0.0.1:3000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_cache_bypass $http_upgrade; } }

重载 Nginx:

sudo nginx -t # 测试配置 sudo systemctl reload nginx
验证:浏览器访问 https://app.你的域名.com,能看到系统首页即部署成功!

第四步:企业微信后台配置

1登录企业微信管理后台

访问 https://work.weixin.qq.com,用管理员账号登录。

2创建自建应用
  1. 进入 「应用管理」「自建」 → 点击 「创建应用」
  2. 填写应用信息:
    • 应用名称:瑞格防火玻璃项目管理平台
    • 应用logo:上传一个图标(可用公司logo)
    • 应用介绍:瑞格防火玻璃项目管理平台
    • 可见范围:选择需要使用的部门/员工
  3. 点击「创建」
3配置应用主页

在应用详情页 → 「开发者接口」「网页授权及JS-SDK」

配置项填写内容
可信域名app.你的域名.com
应用主页https://app.你的域名.com
回调域名app.你的域名.com
注意:域名必须与SSL证书一致,且已完成ICP备案。
4(可选)配置企业微信授权登录

如需获取员工身份(谁录入的合同/进度),可配置OAuth登录:

  1. 在应用详情页记录 AgentIdSecret
  2. 在「企业信息」页面记录 CorpID
  3. 后续可在 server.js 中添加OAuth接口实现免登
5设置工作台展示
  1. 在应用详情页 → 「工作台应用主页」
  2. 设置自定义展示内容(可选)
  3. 开启「在聊天工具栏中展示」(可选)

第五步:员工使用

完成!员工只需在企业微信中:
  1. 打开企业微信 → 底部「工作台」
  2. 找到「瑞格防火玻璃项目管理平台」应用图标
  3. 点击即可打开系统,开始使用
多人协作说明:

常见问题

Q: 域名还没备案怎么办?

A: 可以先用服务器IP地址在本地浏览器测试。企业微信正式上线需要已备案域名。备案通常需要7-15个工作日。

Q: 服务器需要什么配置?

A: 2核2GB足够。系统是轻量级应用,不需要数据库服务器,数据存储在JSON文件中。

Q: 数据安全吗?

A: 建议定期备份 server-data.json 文件。可设置定时任务自动备份:

# 每天凌晨3点自动备份数据 crontab -e # 添加: 0 3 * * * cp /opt/app/server-data.json /opt/app/backup/data-$(date +\%Y\%m\%d).json

Q: 可以在手机上用吗?

A: 可以!企业微信支持手机端,系统已做移动端适配,在手机企业微信里打开即可使用。

Q: 后续如何升级功能?

A: 修改 app.html 和 server.js 后,重新上传到服务器,重启 Node.js 进程即可(pm2 restart fire-window-system)。