springboot+vue部署到阿里云服务器(从零开始到部署完成,包含JDK的安装、Nginx做前端服务器以及Nginx配置、自启、后端项目自启)

由于最近这两天没有什么事情,经理让我把目前正在写的项目(半成品)部署到线上,由于本人还是菜鸟一枚,之前也没接触过,所以也是网上查资料从零开始部署。项目部署起来还是很方便的只需要安装JDK(必须的环境,这个不用多说了吧)和Nginx的安装以及配置文件的配置。

1、安装JDK8

为了省时,我采用的懒人安装法,yum安装。
由于时间原因,就不多做赘述,百度一下一大堆。

2、Nginx安装

采用的weget方式直接下载压缩包,进行解压安装。
安装前需要先安装依赖。

yum -y install pcre* 

yum -y install openssl*

在使用weget之前如果没有提示不是内部的命令,安装weget

yum install weget

然后创建一个跟目录,例如 /usr/local/nginxFile

然后使用weget下载下来(我是用的是1.16.1的版本),如下

weget  http://nginx.org/download/nginx-1.16.1.tar.gz

然后解压缩

tar -zxvf Nginx压缩文件

如果提示tar不是内部的命令 
yum install tar  安装

然后进入加压文件的根目录。

cd nginx-1.16.1

执行编译

./configure(这个是默认安装方式,由于时间原因,后续会给出指定用户以及依赖版本的安装方式)

如果编译失败说明没有编译环境,安装一下

yum -y install gcc make gcc-c++ openssl-devel wget

最后

make
make install

接下来就是配置Nginx的配置文件
(这里博主遇到一个大坑,犯了一个低级错误,并不是说解压之后当前Nginx文件就是编译好的文件,其实编译好的在/usr/local/nginx文件夹下,就这一个小细节,导致我打包好的项目放错位置,然后还检查不出来问题,好几个小时都没解决,/(ㄒoㄒ)/~~)

cd /usr/local/nginx/conf/

# 一般情况下我们都会把原始的配置文件复制一份保存,所以在配置前就先
cp nginx.conf nginx.conf.copy

接下来就可以
vim nginx.conf

配置文件的配置暂时不写,后面有时间写。

假设我们已经配置好,下面就是启动nginx

cd /usr/local/nginx/sbin

#启动命令
./nginx  

查看是否启动成功
 ps -ef | grep nginx
# 停止命令
./nginx -s stop
# 重新加载配置文件命令
./nginx -s reload

启动完成之后,由于是部署在阿里云上,需要把配置的端口开放了,这个由于时间原因,先不写了,就是开放安全组。

接下来开放后,浏览器输入

ip:端口

如果进入到了nginx界面,就代表Nginx安装完成。

3、前端打包部署到Nginx

打包

npm run bulid
如果不行看一下配置文件
也可能是
npm run bulid:prod

打包完成后会生成一个dist文件夹,压缩成压缩文件
上传到/usr/local/nginx/html下,解压缩dist压缩文件。然后再去配置文件中进行配置,注意此时根路径是 html/dist。然后进入到/usr/local/nginx/sbin

./nginx -s reload

然后浏览器

ip:端口号

当进入项目入口界面时代表部署完成

4、后端部署

后端代码需要注意的是,由于是前后端分离部署,后端需要打成jar包,找到父级pom文件,如果时war,修改成jar。
有多种打包方式,我采取的时命令行打包


# 跳过测试类进行打包
mvn clean package -Dmaven.test.skip = true

然后把jar包上传到linux。
随便创建一个文件夹作为根目录

mkdir /usr/local/projec
rz 选择咱们打包好的jar
java -jar jar包

到这后端代码部署完成

如果想要在后台运行(关闭xshell工具或者窗口仍然在后台运行)

unhop java -jar jar包 &

此时没啥问题
就可以正常使用系统了。

5、Nginx开机自启

由于时间原因 星期天找个时间写

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值