angular + spring boot 项目部署记录

前言

日志系统上线测试需要将项目部署到服务器上,下面我将分享我的实现过程。

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

连接服务器

选工具

ssh

笔者一开始只是听说过ssh,所以最先没有想到ssh,第一反应是去查,查出来的说是用finder(mac Os),还好老师及时制止了我,没有去做过多的无用功。

ssh介绍:
全称:Secure Shell(安全外壳协议)
简单理解:给你的网络传输加了一个外壳,保障传输过程的安全。
安装:mac Oslinuxwin101803及以后)等都均支持ssh协议。
验证方式:ssh用于验证的两种方式可以参考(了解):ssh的两种验证方式

基本命令:

1.连接服务器:
(1)无指定端口: ssh username@server 例:ssh testUser@ci.testServer.com
(2)指定端口:ssh -p port username@server 例:ssh -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:serverPathP为大写,下文亦同)
例: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

image.png

The First: Angular部署

两部曲:打包 + 上传

image.png

1.打包

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

2.上传

我们只需要把dist文件夹下与前台项目相同名称的文件夹上传即可,如下图web文件夹:
image.png
对应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文件夹,如下图:
image.png

笔者在使用mvn命令时一直不被识别,查了发现确实没有,但是我的项目能运行也说明我是有maven包的。最后发现也确实有:
image.png

只是没有在当前登陆用户中没有配置环境变量。由于没有找到历史maven包的安装位置,便想着通过brew重新安装,结果报如下:
image.png

于是便固执的接着走下去😳,最后还是放弃了,直接手动下载了。期间把brew还重装了,结果nginxmysql啥的都没了,还好配置啥的都还在。

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;
   }
}

基本命令:
nginx -t 查看配置
nginx -s reload 重新加载nginx

大功告成了? 觉得自己针不戳。✌️

高兴太早了❗

至此结束了吗,按理说是的呀,高高兴兴的运行了后台(前台js可直接执行),成功启用了nginx,跑了下哪哪都没问题。

但到了学弟他们测试:
学长,502了♿。 经过自己测试发现是自己只要和服务器连接断了,后台就不再运行了。
好在,这个问题很好解决:
直接让他在后台运行就行:nohup java -jar test.jar

总结

提升:
一、首先是查阅资料能力的提升,
二、解决问题的能力,搜索关键字很重要,解决问题就是不断的靠近搜索关键字的过程。

不足:
心急是老毛病了,不过相信在一点点变好吧

127 声望
14 粉丝
0 条评论
推荐阅读
SpringBoot 定时任务依赖注入失败记录
日志系统需要每天推送每天日志统计到钉钉群,至于如何实现向钉钉推送请参考:java(SpringBoot)实现钉钉推送。学长他们的用的是一个固定的Webhook和secrect,这样就会导致一个问题,下次修改推送群那么就需要修改...

郝泽龙_HZ阅读 1.1k

与RabbitMQ有关的一些知识
工作中用过一段时间的Kafka,不过主要还是RabbitMQ用的多一些。今天主要来讲讲与RabbitMQ相关的一些知识。一些基本概念,以及实际使用场景及一些注意事项。

lpe2348阅读 1.9k

封面图
spring boot 锁
由于当前的项目中由于多线程操作同一个实体,会出现数据覆盖的问题,后保存的实体把先保存的实体的数据给覆盖了。于是查找了锁的实现的几种方式。但写到最后发现,其实自己可以写sql 更新需要更新的字段即可,这...

weiewiyi3阅读 9.2k

一次偶然机会发现的MySQL“负优化”
今天要讲的这件事和上述的两个sql有关,是数年前遇到的一个关于MySQL查询性能的问题。主要是最近刷到了一些关于MySQL查询性能的文章,大部分文章中讲到的都只是一些常见的索引失效场合,于是我回想起了当初被那个...

骑牛上青山7阅读 1.6k评论 2

分布式高可用Mysql数据库Percona XtraDB Cluster 8.0 与 Proxysql 史上最详尽用法指南
PXC是Percona XtraDB Cluster的缩写,是 Percona 公司出品的免费MySQL集群产品。PXC的作用是通过mysql自带的Galera集群技术,将不同的mysql实例连接起来,实现多主集群。在PXC集群中每个mysql节点都是可读可写的...

apollo0084阅读 7.2k评论 2

利用Docker部署管理LDAP及其初次使用
前言:本周主要写了gitlabWebhook转github的项目,总体上没有遇到什么大问题,这周接触到了LDAP,于是就花时间实际操作了解了一下。

李明5阅读 891

记录本周问题
项目里两个地方都用到了hashmap。但是感觉自己用的时候并没有感觉非常的清晰。同时发现hashmap有线程不安全问题,而自己用的时候就是多线程来使用。于是在这里介绍一下。

weiewiyi5阅读 705

127 声望
14 粉丝
宣传栏