angular|angular + spring boot 项目部署记录
前言
日志系统上线测试需要将项目部署到服务器上,下面我将分享我的实现过程。
连接服务器
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
【angular|angular + spring boot 项目部署记录】
文章图片
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
总结 提升:
一、首先是查阅资料能力的提升,
二、解决问题的能力,搜索关键字很重要,解决问题就是不断的靠近搜索关键字的过程。
不足:
心急是老毛病了,不过相信在一点点变好吧
推荐阅读
- Activiti(一)SpringBoot2集成Activiti6
- SpringBoot调用公共模块的自定义注解失效的解决
- 解决SpringBoot引用别的模块无法注入的问题
- angular2内置管道
- 2018-07-09|2018-07-09 Spring 的DBCP,c3p0
- spring|spring boot项目启动websocket
- Spring|Spring Boot 整合 Activiti6.0.0
- Spring集成|Spring集成 Mina
- springboot使用redis缓存
- Spring|Spring 框架之 AOP 原理剖析已经出炉!!!预定的童鞋可以识别下发二维码去看了