.Net Core 在Linux服务器下部署程序--(4). 前端ReactWeb应用部署

1. 确认第二步中的软件已经安装完成
   1. Nodejs前端Web服务器
   2. Zip与UnZip压缩包软禁
   3. nrm前端包源管理器
   4. PM2前端Web程序守护进程
2. 创建部署文件夹
   1. 如果已经执行过（ 3. 租户平台后端程序部署 ），忽略此步骤
   2. 如果没有执行过第3篇，此处简单叙述下，详情看第3篇文档（ 3. 租户平台后端程序部署 ）
   3. 进入usr文件夹 : cd /usr
   4. 创建publish文件夹 : sudo mkdir publish
   5. 进入publish文件夹 : cd publish/
   6. 创建tenant租户平台程序文件夹 : mkdir tenant
   7. 进入tenant文件夹 : cd tenant/
   8. 创建前端部署包文件夹front : sudo mkdir front
   9. 查看文件夹是否创建成功 : ls
3. 上传部署程序包
   1. 输入文件上传指令，开始上传文件
      
      1. 进入front文件夹 : cd /usr/publish/tenant/front
         
      2. 上传文件 : sudo rz
         
      3. 弹出上传文件框
         
      4. 查看文件上传进度
         
   2. 确认文件是否上传成功
      
      1. 查看front文件夹下是否上传成功部署包 ： ls
         
4. 解压缩程序包
   1. 解压文件，查看文件是否解压成功
      
      1. 执行解压文件指令 : sudo unzip tenant_p_front.zip
         
      2. 查看文件是否解压成功 : ls
         
5. 部署租户平台前端开发程序
   1. 进入启动程序所在的文件夹 server/dist : cd server/dist
      1. 进入dist文件夹 : cd server/dist
         
      2. 查看dist文件夹下的配置文件config.js和启动文件config.js是否存在 : ls
         
   2. 查看、编辑和保存配置文件
      
      1. 查看配置文件 : sudo vi config.js
         
      2. 如果配置文件不正确，则需要编辑文件 : 输入 i 
         
      3. 键盘移动光标到相应的位置，进行内容修改，修改完成后，按下esc键，退出文件编辑
         
      4. 输入 :wq，进行文件的保存
         
      5. 如果不需要修改文件，直接输入 :q 即可退出文件的查看
         
         
         
         
      6. 如果提示文件是只读情况，则输入 :q!，退出文件编辑保存，执行sudo chmod a+w config.js（chmod是修改文件访问属性的指令，a+w表示可读可写，后面加文件名字）
      7. 修改完文件访问属性后，重新执行第一个步骤
         
   3. 执行程序启动指令
      
      1. 指令介绍 : 
         (1). pm2 : nodejsweb服务器的守护进程pm2指令
         (2). start : 启动程序指令
         (3). index.js : 要启动的程序，紧跟start指令之后
         (4). --name : 给要启动的程序定义一个名称
         (5). web服务的名字 ： web服务的名字，紧跟--name指令之后
      2. 执行测试指令，看程序是否有问题，是否可执行成功 : sudo node index.js
         
      3. 如果测试程序没有问题，执行程序启动指令 : sudo pm2 start index.js --name tenant
         
      4. 守护进程PM2的功能简介 : 主要是为了防止前端程序意外宕机或者被认为关闭时，可自动重新启动程序
   4. 查看指令运行结果以及程序启动结果
      
      1. 输入查看程序启动的指令 : sudo pm2 ls
         
      2. 启动程序界面介绍
         (1). App Name : 在执行指令中设置的web应用的名字
         (2). id : web应用在nodejs中所占用的id
         (3). version : web应用版本号
         (4). pid : web应用在系统中所占用的进程号
         (5). status : online表示web应用启动成功，还有stop等状态
         (6). restart : 程序的启动次数，如果该次数一直在增长，说明部署有问题，需要仔细查看问题出在哪，实在不行，卸载nodejs、卸载pm2重新安装启动一遍
         (7). user : 由哪个用户创建的
      3. 查看进程中的启动程序 : sudo netstat -lntp
         
      4. 如果需要关闭程序，有两种方法
         (1). 通过pm2停止进程 : sudo pm2 stop 0（0是程序在nodejs中所占用的id）
         

         (2). 通过pm2kill进程 : 
         (3). 但是无法通过系统kill进程，这时候就体现出了PM2守护进程的功能效果，一旦认为kill进程号，PM2会保护程序，自动重启
         

   5. 其他的pm2指令
      1. 查看Web应用的日志 : sudo pm2 log
         
      2. 查看当前启动的项目 : sudo pm2 ls
         

         
         

      3. 停止服务 : sudo pm2 stop 0
         

         
         

      4. 启动服务 : sudo pm2 start 0
         

         
         

      5. 重启服务器 : sudo pm2 restart 0
         

         
         

6. 查看部署结果
   1. 查看本地地址 : sudo ifconfig -a
      1. 执行ip地址查看指令 : sudo ifconfig -a
         

         
         

   2. 在外部浏览器访问程序，确认是否部署成功
      
      1. 在浏览器中输入地址 : http://192.168.64.128:7312/app.html
         
         

原文地址：https://www.cnblogs.com/zhouhuangzhen/p/10523019.html