title:

一、项目介绍

1.开发环境

  • springboot+springcloud+vue前后端分离项目
  • nacos服务器作为注册中心和配置中心
  • mysql5.7
  • java8
  • idea开发工具开发后端
  • vscode工具开发前端
  • 借助renren-fast框架进行开发

二、springboot项目打包

1.idea工具打包后端代码

1.1 pom.xml文件中指定打包成jar包:

<packaging>jar</packaging>

1.2 在root项目中操作打包

clean -> install
之后每个项目中会有target文件夹,其中包含两个文件:

  • xxx.jar:可执行的jar,包含已编译的类和运行需要的所有jar依赖。
  • xxx.jar.original:比前者小的多,这是Maven在Spring Boot进行repackage之前创建的原始jar文件,里面没有运行需要的依赖,只包含我们定义的类编译后的.class文件。

查看里面的内容命令:

  • java tvf target/xxx.jar
  • java tvf target/xxx.jar.original

三、上传到服务器并运行

准备工作:

  • 安装mysql并配置创建好数据库
  • 安装并配置好nacos
  • 安装并配置好jre

1.将jar文件上传到服务器

在本地打开终端:

scp -r localfile.txt username@192.168.0.1:/home/serv/

命令说明:

  • scp是命令,-r是参数
  • localfile.txt 是文件的路径和文件名
  • username是服务器账号
  • 192.168.0.1是要上传的服务器ip地址
  • /home/serv/是要拷入的文件夹路径

2.运行jar文件

服务器后台运行项目:

$ nohup java -jar xxx.jar 1>/dev/null 2>&1 &

命令说明参考

3.设置服务器启动自动运行jar文件

3.1创建并配置自启文件

$ cd /home
$ touch start_sh
$ vi start_sh

#添加配置信息,根据实际jdk路径
export JAVA_HOME=/usr/java/jdk1.8.0_121
export PATH=$JAVA_HOME/bin/:$PATH
#xxx.jar是jar文件的路径和名称
nohup java -jar xxx.jar 1>/dev/null 2>&1 &

3.2修改rc.local并给权限

$ cd /etc
$ vi rc.local
#添加如下内容
/home/start_sh
exit 0

#配置权限
$ chmod +x /etc/rc.local
$ chmod +x /home/start_sh

3.3重启服务器

$ reboot

3.4查看java进程

$ ps -ef |grep java 
#或者
$ ps -aux |grep java

四、关闭后台运行的jar包

1.查询进程号

  • jar包名字查询
$ ps -ef|grep xxx.jar
  • 端口号查询
$ netstat -lnp|grep xxx

2.通过进程号杀死进程

$ kill -9 xxx

五、Vue项目打包

准备工作:

  • 服务器安装好nginx

1.项目打包

1.1 修改renren-fast项目中生产环境接口请求地址,将请求地址改为后台服务地址。

static -> config -> index-prod.js

1.2 打包

npm run build

打包完成之后会出现dist文件夹

2.将项目上传到服务器

scp -r E:\xxx\dist root@xxx.xxx.xxx.xxx:/home/

参数说明:

  • E:\xxx\dist:dist文件夹在本地的地址
  • root:服务器用户名
  • xxx.xxx.xxx.xxx:服务器ip
  • /home/:要存储的dist的位置

3.将dist部署到nginx服务器

方式一:将dist里面的内容直接复制到nginx的html文件夹内

$ cp -r /home/dist/. /mydata/nginx/html

方式二:修改nginx的配置文件,将资源地址指向dist的位置

这里我们需要修改:

$ vi /mydata/nginx/conf.d/default.conf

将文件内的root修改为项目的地址,比如此处修改为
location /{
root /home/dist;
index index.html index.htm;
}

Logo

更多推荐