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开机自启

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

你可能感兴趣的:(服务器,框架,nginx,服务器,阿里云,项目部署,springboot+vue)