docker持久化部署vue前端nodejs后端项目-- 怎么部署到服务器

本章节主要讲解本地开发好,讲代码上传到git后,要怎么部署到服务器上,建议查看docker专栏结构,以便了解流程~

docker 专栏:点击此处
git:点击此处


文章目录

    • 前言
    • 期望
    • docker-compose 架构
    • 部署流程
      • 1. 从git下载到本地PC
      • 2. 解压后拷贝源文件到服务器
      • 3. 运行脚本
      • 4. 查看docker 容器情况
  • 查看效果
  • 总结

前言

docker持久化部署vue前端nodejs后端项目-- docker-compose部署nginx+jenkins+mysql+git。
做了一个项目,用nodejs写的后端,vue写的PC端以及移动端,数据库用mysql,现在要部署到服务器上。由于怕下次部署又要一堆操作,就弄了个docker,并且以此文章来做笔记以及分享。

本章节主要讲解本地开发好,讲代码上传到git后,要怎么部署到服务器上

期望

  • 服务器:换了服务器,只需要服务器安装好docker+docker-compose,并将此文件配置拷贝到服务器,编译一下,就可以有个项目框架,再对jenkins进行安装环境配置就可以了
    (jenkins的项目也同步到了jenkins/jobs中,所以项目不用重复配置)
  • 代码更新:以后有新版本的代码,可以通过jenkins打包,并且实时发布,对于web打包就是正常的build一下就可以,nodejs后端比较麻烦。

在这里插入图片描述

docker-compose 架构

│ .gitignore 上传git的过滤文件,部分配置是需要保留的,部分是生成的临时数据就不保留了
│ docker-compose.yml # 主要文件
│ docker.sh # 运行docker-compose

├─jenkins
│ │ config.xml 配置文件,不能直接挂载-v ,只能等容器加载好了手动覆盖,如下脚本
│ │ cp.sh # 将config.xml拷贝到容器的脚本
│ │
│ ├─jobs # 拷贝了工作目录
│ │
│ └─users# 同步过来的用户信息,主要是免了创建用户的那些步骤

└─nginx # nginx配置文件
│ nginx.conf

└─conf
front.conf
mobile.conf
pc.conf.back

部署流程

1. 从git下载到本地PC

因为gitignore过滤了一些辣鸡文件,包不会太大,服务器那边也没安装git,就暂时用文件传输的方式~ 有兴趣的朋友可以自行配置服务器git
docker持久化部署vue前端nodejs后端项目-- 怎么部署到服务器_第1张图片

2. 解压后拷贝源文件到服务器

文件目录要相同
docker持久化部署vue前端nodejs后端项目-- 怎么部署到服务器_第2张图片
对上哦,不然会有问题的
docker持久化部署vue前端nodejs后端项目-- 怎么部署到服务器_第3张图片

3. 运行脚本

linux运行脚本需要给脚本文件权限

# 给权限
chmod 777 ./docker.sh
# 脚本
./docker.sh

docker持久化部署vue前端nodejs后端项目-- 怎么部署到服务器_第4张图片

4. 查看docker 容器情况

docker ps

docker持久化部署vue前端nodejs后端项目-- 怎么部署到服务器_第5张图片

查看效果

docker持久化部署vue前端nodejs后端项目-- 怎么部署到服务器_第6张图片

总结

本章节主要讲解本地开发好,讲代码上传到git后,要怎么部署到服务器上
建议查看docker专栏结构,以便了解流程~

你可能感兴趣的:(Docker,docker,前端,vue.js)