当前位置：首页 > 文章列表 > 数据库 > MySQL > angular + spring boot 项目部署记录

angular + spring boot 项目部署记录

来源：SegmentFault 2023-02-22 18:42:42 0浏览收藏

知识点掌握了，还需要不断练习才能熟练运用。下面golang学习网给大家带来一个数据库开发实战，手把手教大家学习《angular + spring boot 项目部署记录》，在实现功能的过程中也带大家重新温习相关知识点，温故而知新，回头看看说不定又有不一样的感悟！

吐糟：疫情早点结束吧，隔离生活太难受了。

连接服务器

选工具

ssh

笔者一开始只是听说过ssh，所以最先没有想到ssh，第一反应是去查，查出来的说是用

finder

（mac Os），还好老师及时制止了我，没有去做过多的无用功。

ssh介绍：
全称：

Secure Shell

（安全外壳协议）
简单理解：给你的网络传输加了一个外壳，保障传输过程的安全。
安装：

mac Os

，

linux

，

win10

（

及以后）等都均支持ssh协议。
验证方式：

ssh

用于验证的两种方式可以参考（了解）：ssh的两种验证方式

基本命令：

1.连接服务器：
(1)无指定端口： ssh username@server 例：ssh testUser@ci.testServer.com
(2)指定端口：ssh -

port username@server 例：ssh -P 4200 testUser@ci.testServer.com （

为小写）

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 -

port

yourLocalFilePath

loginUser@server:

serverPath

（

为大写，下文亦同）
例：scp -

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 -

port -r

yourLocalFilePath

loginUser@server:

serverPath

例：scp -

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 -

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文件夹，如下图：

笔者在使用

mvn

命令时一直不被识别，查了发现确实没有，但是我的项目能运行也说明我是有maven包的。最后发现也确实有：

只是没有在当前登陆用户中没有配置环境变量。由于没有找到历史

maven

包的安装位置，便想着通过

brew

重新安装，结果报如下：

于是便固执的接着走下去?，最后还是放弃了，直接手动下载了。期间把

brew

还重装了，结果

nginx

，

mysql

啥的都没了，还好配置啥的都还在。

2.上传

将打包生成的

jar

文件上传至服务器即可，如上图☝️为

log-app.jar

。具体的上传命令参考

Angular

上传。

3.建立数据库

我的傻瓜操作❌：笔者一开始直接连接服务器后用

mysql

傻傻的操作，被老师点通才想起来用

navicat

。

直接用

navicat

建立起与服务器

mysql

连接即可操作服务器的数据库。
建立数据库就不作多讲了，因为比较简单。

Nginx设置

给个

Demo

server {
    listen 8081;
    server_name xxx.xxx.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;
   }
}

基本命令：