1. 准备

  • ssh客户端
    • windows：xshell
    • mac：termius

  • ftp客户端

    • FileZilla
    • 其他

      2. 服务器

  • IP：62.234.130.108

  • 端口：22
  • username:ubuntu

  • password：wugeek@1906

    3. 前端部署

    3.1 ssh，ftp登录服务器

  • ssh

image.png

  • ftp

image.png

3.2 前端打包

  • npm run build
    • 打包好为一个dist文件夹
    • 修改文件夹名为项目对应名和对应版本
      • smart_factoryv25

3.3 上传

  • 将改好的文件夹上传到/var/www/html下
    • 前端项目地址
  • 上传完刷新可以找到即为上传成功

image.png

3.4 修改nginx配置文件

  • **cd /etc/nginx/conf.d/**
    • 切换到nginx配置文件目录下
  • **sudo vim smartfactory.qiuluo.conf**
    • 编辑nginx文件
  • 域名配置存在
    • 修改文件路径即可

image.png

  • 域名配置不存在
    • 在文件尾添加
  1. server {
  2.         listen 80;
  3.         server_name smart_factoryv11.qiuluo.xin;
  5.         location / {
  6.                 root /var/www/html/smart_factoryv25;
  7.                 try_files $uri $uri/ /index.html;
  8.         }
  9. }

  • 保存退出

    3.5 重启nginx

  • **sudo nginx -t**

image.png

  • **sudo nginx -s reload**

4. 后端部署

4.1 ssh，ftp登录服务器

4.2 从gitlab pull代码

  • cd ~/server/envp-server
    • 后端项目地址
  • **git pull origin dev**

image.png

  • 如果代码有误会导致后端服务挂掉
    • **nohup npm run dev &**
      • 启动后端服务
      • 一般pull完代码不需要

5. 模拟硬件部署

  • **cd ~/server/Simulation\ data/**
    • 模拟硬件服务地址
    • 使用补全跳转
  • **pm2 start socket_client.js**
    • 一般不需要
  • 查看服务
    • **pm2 list**

image.png