【HBuilder + IDEA + XFtp + XShell】打包部署上线

简述

1. 前后端分离：需要将前后端的程序包打包发送至应用Linux服务器上
2. Linux服务器
   （1）需要启用SSHD服务，该服务会监听22号端口（一般是开启的）
   （2）搭建：MYSQL、Nginx、jdk、Tomcat（仅war包，jar包不需要）、Nginx、Redis
3. XFtp：文件传输和下载
4. XShell：远程登录到Linux服务器

一. 修改配置文件

1. 确保前端和后端（idea）抛出的端口号保持一致
   
2. 确保前端和后端（idea）抛出的应用名称保持一致
   
3. 修改request.js的url路径，格式如下
   （1） 协议://服务器地址:端口号/应用名称/项目路由路径
   （2）协议://域名/应用名称/项目路由路径
   

二. 前端项目代码打包

1. 菜单栏 - 【发行】- 网站-PC Web或手机H5(仅适用于uni-app)(H)
2. 打包成功，如下显示导出 h5 成功路径，在部署程序时，将该文件放置到服务器中即可。若失败，执行步骤 3。
   
3. 打包失败
   （1）先确保在DCLOUD开发者中心的【应用管理】-【我的应用】中是否添加了上述项目的相关信息。如下所示
   
   （2）其次确保HBulider中，关于该项目的基础配置【manifest.json】是否填写成功。此处注意uni-app应用标识APPID要与（1）中的AppId对应
   
   （3）若打包后报如下错误，则直接点击链接，打开DCLOUD开发者中心登录页（https://dev.dcloud.net.cn/）
   
       ① 登录页如下，需填写正确的邮箱和密码
   
   (4) 进入DCLOUD开发者中心，在【个人中心】-【账户信息】-发送短信验证码。
   
   (5) 发布成功，如下所示
   

三. 后端项目代码打包

1. 先确认部署是打包成jar包还是war包。如下为jar包
   （1）位置：pom.xml
   （2）代码行：包（此处为 jar 或 war）
2. 打包：【Maven】-【package】
   
3. 打包成功
4. jar / war 包路径。在部署程序时，将该文件放置到服务器中即可
   

四. XFtp

1. 新建会话
   

2. 在弹出的提示框中，输入【用户名】，若使用过，则执行 步骤 3
   （1）用户名
   
   （2）密码
   

3. 之前已连接，如下，双击或点击“连接”即可
   

4. 连接成功
   

5. 此时，找到要上传的文件（前后端项目代码包），然后将其拖放到远程服务器的目标文件夹中

五. XShell

1. 新建会话，填入【名称】为【服务器地址】，其余默认不变，然后点击【连接】
   

2. 在弹出的对话框中输入用户名和密码

3. 若使用过，则直接双击即可连接成功
   

4. 此时，可以用命令行的方式访问服务器端的文件了

六. 常用命令

1. ./命令

当前目录

2. .. 命令

上级目录

3. ../命令

上级目录下的子目录

4. / 命令

根目录

5. ls 命令

① ls： 仅显示当前文件名或目录名
② ls -l：等同于 ll 显示当前文件或目录的详细信息，包含创建时间、大小等

6. cd 命令

从当前工作目录切换到【指定目录】
① cd /：根目录
② cd /usr/local/ ：/usr/local
③ cd xxx：xxx子目录
④ cd ..：父级
⑤ cd …/…/ ：上上级

7. mkdir 命令

① mkdir demoFiles：创建名为“demoFiles的”文件夹

8. rmdir 命令

① rmdir：删除空目录
② rmdir demoFiles：删除名为“demoFiles”的文件夹

9. rm 命令

① rm demoFile：删除名为“demoFile”的文件
② rm -rf demoFile：删除demoFile目录以及它所包含的所有内容

10. more/less 命令

① more/etc/passwd：查看/etc/passwd的内容
② less /etc/passwd：查看/etc/passwd的内容