乐趣区

关于springboot:angular-spring-boot-项目部署记录

jiezi

前言

日志零碎上线测试须要将我的项目部署到服务器上，上面我将分享我的实现过程。

连贯服务器

SSH

笔者一开始只是据说过 ssh，所以最先没有想到 ssh，第一反馈是去查，查出来的说是用finder（mac Os），还好老师及时禁止了我，没有去做过多的无用功。

接下来是 ssh 介绍：
全称：Secure Shell（平安外壳协定）
简略了解：给你的网络传输加了一个外壳，保障传输过程的平安。
装置：mac Os，linux，win10（1803及当前）等都均反对 ssh 协定。
验证形式：ssh用于验证的两种形式能够参考（理解）：ssh 的两种验证形式

根本命令：

1. 连贯服务器：
(1)无指定端口：scp username@server 例：scp testUser@ci.testServer.com
(2)指定端口：scp –P port username@server 例：scp -P 4200 testUser@ci.testServer.com（P为大写，下文亦同）

2. 本地文件上传到服务器：
(1)无指定端口：scp yourLocalFilePath loginUser@server:serverPath
例：scp /Users/test/Downloads/stop.sh testUser@ci.testServer.com:/usr/home/log/app/log/api
(2)指定端口：scp –P port yourLocalFilePath loginUser@server:serverPath
例：scp –P 3306 /Users/test/Downloads/stop.sh testUser@ci.testServer.com:/usr/home/log/app/log/api

3. 本地文件夹上传到服务器：
(1)无指定端口：scp -r yourLocalFilePath loginUser@server:serverPath
例：scp -r /Users/test/Downloads/stop.sh testUser@ci.testServer.com:/usr/home/log/app/log/api
(2)指定端口：scp –P port -r yourLocalFilePath loginUser@server:serverPath
例：scp –P 3306 -r /Users/test/Downloads/stop.sh testUser@ci.testServer.com:/usr/home/log/app/log/api

我的项目部署

两大次要局部：Angular + Springboot

The First: Angular 部署

两部曲：打包 + 上传

1. 打包

进入相应的前台我的项目执行ng build，那么咱们将会看到在前台我的项目中多了一个 dist 文件夹，如下图：

2. 上传

咱们只须要把 dist 文件夹下与前台我的项目雷同名称的文件夹上传即可, 如下图 web 文件夹：

对应 scp 上传命令示例：scp –P 2209 -r /Users/test/log/web/dist/web testUser@ci.testServer.com:/usr/home/test/app/test

The Second: SpringBoot 部署

同 Angular： 打包 + 上传, 然而多了数据库建设。

1. 打包：

SpringBoot 打包要绝对简略，间接应用它自带的 spring-boot-maven-plugin 插件，具体可查看：廖海峰老师的 SpringBoot 利用打包

命令：mvn clean package
执行完命令便新增 target 文件夹，如下图：

2. 上传

将打包生成的 jar 文件上传至服务器即可，如上图☝️为 log-app.jar。具体的上传命令参考Angular 上传。

3. 建设数据库

我的傻瓜操作❌：笔者一开始间接连贯服务器后用 mysql 傻傻的操作，被老师点通才想起来用navicat。

间接用 navicat 建设起与服务器 mysql 连贯即可操作服务器的数据库。
建设数据库就不作多讲了，因为比较简单。

Nginx 设置

给个Demo:

server {
    listen 8081;
    server_name log.mengyunzhi.com;

    location / {
       root /home/test/app/log/web;
       try_files $uri $uri/ /index.html;
   }

   location /test/ {
        proxy_pass http://127.0.0.1:8089/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
   }
}

根本命令：
nginx -t 查看配置
nginx -s reload 从新加载 nginx

功败垂成了？感觉本人针不戳。✌️

快乐太早了❗

至此完结了吗，按理说是的呀，高高兴兴的运行了后盾（前台 js 可间接执行），胜利启用了nginx，跑了下哪哪都没问题。

但到了学弟他们测试：
学长，502 了♿。通过本人测试发现是本人只有和服务器连贯断了，后盾就不再运行了。
好在，这个问题很好解决：
间接让他在后盾运行就行：nohup java -jar test.jar

总结

晋升：
一、首先是查阅材料能力的晋升，
二、解决问题的能力，搜寻关键字很重要，解决问题就是一直的凑近搜寻关键字的过程。

有余：
心急是老毛病了，不过置信在一点点变好吧

退出移动版