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

标签：介绍   应用   ext   linux服务器   安装   上传   net   查看   创建   

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
         
         

          

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

标签：介绍   应用   ext   linux服务器   安装   上传   net   查看   创建   

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