SpringBoot项目与前端webpack项目打包部署 | Monster

SpringBoot项目与前端webpack项目打包部署

前言

作为一个基本没有碰过服务器的小白,一次基于Springboot搭建的后端项目部署和vue-cli前端项目基于nginx部署记录

后端部署
  • Java项目打成jar

    test.jar

  • 使用docker安装java8的镜像(基于CENTOS7

    docker search java

    docker pull java8

    docker images ,你可以看到java8的镜像已经拉取

  • 此种方式是使用Dockerfile文件生成镜像,需要创建一个Dockerfile文件,与jar包置于同一路径下

  • 编辑Dockerfile文件

    1
    2
    3
    4
    5
    6
    7
    FROM java:8			// 基于哪个镜像生成 这里用到的是java8镜像

    COPY guli.jar app.jar // 将guli.jar复制命名为app.jar 也没懂具体有啥意义

    EXPOSE 8101 // 项目开放端口

    ENTRYPOINT ["java","-jar","/app.jar",""] // 制作成为镜像之后,运行镜像所执行的命令 java -jar ... 最后一个参数就是运行项目的参数 类似基于不用profile --springboot.profile.active=dev
  • 使用docker build命令创建镜像

    docker build -t guli:1.0. // :1.0. 表示版本号,自定义

    执行完成之后可以看到自己构建的镜像guli

  • 使用docker create命令基于此镜像创建容器

    docker create –name guli -t -p 8101:8101 guli:1.0

    使用docker ps -a可以看到创建的容器

  • 启动容器

    docker start guli

  • 部署完成

前端部署
  • 使用npm run build将项目打包,得到一个dist文件夹

  • 只需将此文件夹置于服务器下运行即可

  • 使用nginx方式部署,需要在centOS下安装nginx

    • 安装环境(虽然并不知道具体啥玩意)

      yum install gcc-c++ // c++编辑

      yum install -y pcre pcre-devel // 一些库 大概是..
      yum install -y zlib zlib-devel
      yum install -y openssl openssl-devel

    • 下载nginx安装包(centos版),解压

      tar -zxvf nginx-1.17.9

    • 进入nginx文件夹,使用默认配置,貌似网上提供了自定义资源配置映射,配置失败了选择放弃

      ./configure

    • 编译安装,编译后的nginx/usr/local/nginx路径中

> make install
  • 修改/usr/local/nginx/conf/nginx.conf,添加项目的资源映射配置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    server {
    listen 80; # 监听的端口
    server_name localhost;

    #charset koi8-r;

    #access_log logs/host.access.log main;

    location / {
    root /opt/admin-ui/dist; # 映射的文件夹路径,打包后的文件夹存放的位置
    index index.html index.htm;
    }
  • 启动nginx服务,在/usr/local/nginx/`下

    ./nginx start

  • 部署完成

-------------本文结束感谢您的阅读-------------
既然来了就打个赏吧= =
0%