docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境

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

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


文章目录

    • 前言
    • 期望
      • Jenkins配置凭据
      • Jenkins配置插件
      • Jenkins项目配置
    • 源码
  • 效果图
  • 总结

前言

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

本章节主要讲解本地开发好,要部署到服务器后,要怎么配置环境。

期望

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

Jenkins配置凭据

配置全局的账号密码,到时候给git用,就不要点来点去了,毕竟我这个才一个git地址
docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第1张图片
docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第2张图片
docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第3张图片
这个记得选账号跟密码的类型~
docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第4张图片

Jenkins配置插件

输入之前本地开发建立的账号密码
注意:如果是阿里云或者腾讯云,记得放开你开放的端口号,我这边就是URL中的8081端口。
docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第5张图片
自动安装推荐插件,有点久…
docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第6张图片
等…
docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第7张图片

因为没有同步一些插件,比如nodejs之类的,所以还要手动去配置,总共2个步骤:

  1. 下载nodejs插件
    docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第8张图片
    docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第9张图片
  2. 全局工具配置添加nodejs
    docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第10张图片
    docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第11张图片
    ok,至此,全局配置基本完毕。

Jenkins项目配置

来到我的视图,好了,奇怪,为什么没有把工作目录同步过来呢?
docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第12张图片
找到原因了,因为jenkins容器是加载完毕后才生成的文件,来不及拷贝,这个时候,只需要把jenkins容器 重启一下。

# jenkins 这个是docker-compose文件中jenkins镜像名~~ 自行判断~~
docker restart jenkins 

等待一下,刷新下就有了
docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第13张图片
进入到一个工程,点击配置
docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第14张图片

  1. 填写你的git账号密码
    docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第15张图片
  2. 选择你的构建环境,点击保存。
    docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第16张图片
  3. 可以尝试构建一下。
    docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第17张图片
  4. 打开控制台看了确实没问题了
    docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第18张图片
    但是呢… 如果有天你需要讲服务器的配置上传到git的话,你要小心了,jenkins可能把你的项目也打包近jobs里面了…
    好家伙,直接把node_modules 也赶紧去了....
    docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第19张图片

这个时候,只需要执行一下脚本,讲git上的config.xml 覆盖容器里面的配置就好了

[root@VM-12-15-centos workspace]# cd /C/docker-compose/jenkins/
[root@VM-12-15-centos jenkins]# ls
config.xml  cp.sh  jenkins_home  jobs  users  www
[root@VM-12-15-centos jenkins]# chmod 777 cp.sh 
[root@VM-12-15-centos jenkins]# ./cp.sh 
Successfully copied 3.584kB to jenkins:/var/jenkins_home/

源码

源码就不全贴了,主要有2个参数我贴部分,因为这个也跟你到时候的项目结构相关

<workspaceDir>${JENKINS_HOME}/workspace/${ITEM_FULL_NAME}workspaceDir>
<buildsDir>${JENKINS_HOME}/builds/${ITEM_FULL_NAME}buildsDir>

效果图

配合nginx,都不用设置,直接就能用了…贼方便…
docker持久化部署vue前端nodejs后端项目-- 配置服务器JENKINS环境_第20张图片

总结

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

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