Jenkins配置初步 (Jenkins + Docker + Gitlab + Vue)

最新推荐文章于 2025-06-16 16:09:34 发布
最新推荐文章于 2025-06-16 16:09:34 发布
阅读量3.8k 收藏 4
点赞数
CC 4.0 BY-SA版权
分类专栏： docker 学习笔记 Jenkins vue 文章标签： docker Jenkins
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lucifly/article/details/81123110
本文介绍了如何配置Jenkins与Docker、Gitlab的集成，实现从本地开发到服务器自动化部署的过程。包括安装Jenkins，配置Jenkins插件，获取Gitlab API Token，设置Jenkins服务器，创建Job，配置Gitlab webhook，以及编写构建脚本进行npm build和scp操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目标

本地A开发代码 -> 推送gitlab服务器B -> 服务器C上的Jenkins自动打包 -> 推送运行环境服务器D

安装Jenkins

根据官网文档

docker pull jenkins
# docker run -d -p 49001:8080 -v $PWD/jenkins:/var/jenkins_home:z -t jenkins
# 这句是官网推荐的，但是运行时会有权限问题
# 改成下面这句 -u 覆盖容器中内置的帐号，该用外部传入，这里传入0代表的是root帐号Id
docker run -d -p 49001:8080 -v $PWD/jenkins:/var/jenkins_home -u 0 -P --name jenkins-server jenkins

这样就启动了，浏览器访问49001端口就可以初始化配置Jenkins，全部默认的就可以了

配置Jenkins 和 Gitlab

首先安装Jenkins插件

  • Jenkins GitLab Plugin
  • Jenkins GitLab Hook
最低0.47元/天 解锁文章

200万优质内容无限畅学
[手把手系列之] Jenkins+Docker自动化部署vue项目
优快云_KONGlX的博客
07-06 1111
.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(51, 51, 51, 1) } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .ma...
阿里云容器服务+jenkins+docker部署vue项目
weixin_44062468的博客
03-27 773
11111
docker?这一篇就够了
最新发布
小赵的博客
06-16 295
今天跟大家分享一下我的docker学习历程，也算是我的独特的复习笔记，我会在这一篇中讲清楚docker几乎所有的功能。Docker，翻译过来就是码头工人Docker是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可抑制的容器中，然后发布到任何流行的Linux机器上，也可以实现虚拟化。容器完全使用沙盒机制，相互之间不会存在任何接口。几乎没有性能开销，可以很容易的在机器和数据中心运行。最重要的是，他们不依赖于任何语言、框架或者包装系统。沙盒也叫沙箱（sandbox）。
安装jenkins的docker镜像，并一键部署vue项目
admin_jo的博客
03-22 1805
由于jenkins是基于java开发的软件，有些同学可能不想电脑里有多余的环境，所以只介绍docker镜像的安装方法，简单干净，如果有不会使用docker的小伙伴可以看一下我之前的帖子。
Jenkins Docker Gitlab
sankgao 的博客
09-06 780
Jenkins Docker Gitlab
基于Docker安装的Jenkins 部署 Vue项目案例教程
weixin_52359996的博客
06-24 922
Jenkins 前端 Vue 项目 部署
jenkins+gitlab+sonarQube+Ldap+maven+nodejs持续性集成
weixin_45552912的博客
08-26 1213
jenkins+gitlab+maven+sonarqube+LDAP持续性集成项目环境：首先搭建jdk环境。
jenkins自动化部署go【docker+jenkins+go+gitlab+harbor+k8s】
dz45693的专栏
03-01 2828
首先说一下我的环境，首先准备一台ubuntu18.4虚拟机，安装docker， 然后用docker 安装gitlab[大家可以参考 Ubuntu Docker搭建GitLab以及常规配置使用] 和harbor【大家可以参考 Ubuntu18 安装搭建Harbor】，我尝试过通过docker来安装jenkins，jenkins容器里面在安装docker和harbor通信，但是后面还是遇到很多问题 不好解决， docker默认是无状态的 需要保存的数据都要挂在的虚拟机上， 比如jenkins里面下载的gola.
jenkins+pipeline+docker部署vue项目
不会写后端的前端不是一个好运维。
03-20 1460
stagestages这里只是一个简单的例子，只要掌握了思路，部署别的项目都是一样的第一步：拉取代码第二步：编译部署获取构建产物第三步：将产物传输到业务服务器，并根据具体业务场景看是否需要重启服务nodejs项目的话就是拉去代码编译，把生成的静态文件传输到业务服务器的web服务的静态路径下。一般nginx居多，不需要勾选任何选项，只需要在流水线的区域去编写流水线脚本,先在脚本框写一个pipeline块，所有你的流水线脚本步骤都是在这个pipeline块里。
Jenkins+Docker实现部署你的Vue应用
老曹的博客
09-12 2542
什么是自动化 在没有工具的时代，有很多重复性的工作都是人手工完成的，比如在田地里收割果实、在流水线上加工等。而有了工具后，我们解放了双手，从而把精力放在更重要的事情上，让工具帮我们去完成那些重复性的工作，来提高效率，这就是我理解的自动化。在软件开发中更是如此，大家为了“变懒”，使自动化测试、自动化部署、自动化构建等类型的工具层出不穷。而这篇文章主要是记录一下我学习使用CI/CD工具jenkins来...
docker部署Jenkins自动化打包部署vue、java项目上线
m0_73210955的博客
08-23 2139
前后端部署完毕，小编踩了很多坑，有不懂的可以后台私信，我会的我就告诉你，至于为什么没有数据库，数据库一般都是提前部署好的，开发跟前端代码里就已经指定好数据库的IP等信息了，如果你是一个人，那你可以这样部署MySQL。location /api/ {###这里的/api/指的是前端只要有xxxx.api的时候匹配到/api/就转发到后端。/你创建Jenkins时候映射的目录/jenkins_home/workspace/你刚才起的项目名称/build/libs/gitlab是代码仓库。
jenkins结合gitlab部署vue项目
11-25
jenkins结合gitlab部署vue项目，vue版本3，node 环境14.15.1，jdk1.8，windows环境，内容包括操作录屏和操作文档
jenkins+docker+nginx服务并访问vue项目
weixin_39660224的博客
03-24 2776
大致说明 现在有两个服务器A,B A:部署jenkins B:部署nginx+vue 利用jenkins自动下载vue项目，打包发送到远程的B服务器，在B服务器中docker中部署nginx，利用nginx作为web服务器 前提准备 前提工具B中安装docker、A中安装jenkins jenkins安装部署在docker中可以看另一篇文章 开始动手 jenkins部署 配置全局变量 配置git...
Jenkins+Gitlab+Docker（Dockerfile）部署
鸢尾_的博客
10-14 2521
Jenkins+Gitlab+Docker（Dockerfile）部署
使用GitLab、Jenkins、Docker建立快速持续化集成交付部署方案（一）
十个菜
09-20 659
摘要 本系列文章将要完成的： 安装GitLab、Jenkins、Docker等一系列基础环境 建立自己的 Docker Registry，私有的Docker镜像服务，用于存储我们自己的Docker镜像仓库（Repository） 使用GitLab进行代码管理，并联动Jenkins进行自动化打包，生成Docker Image，推送到自己的Repository 使用Docker Compos...
Docker 部署Jenkins和Gitlab
qq_27005889的博客
11-06 644
Docker 部署Jenkins和Gitlab Docker核心思想 Build, Ship and Run Any App, Anywhere 一次封装，到处运行。传统虚拟化方式是在宿主机操作系统上，构建一个虚拟机管理软件，在这个管理软件上，运行了多个虚拟机操作系统。而对于Docker技术，属于操作系统级的虚拟化，内核通过创建多个虚拟的操作系统实例（内核和库）来隔离不同的进程。 一些概念 Docker镜像： 它是一个只读的模版，里面包含了基本的操作系统环境和制定的应用程序。 Docker容器： 它是一个
【云原生】DevOps（二）：Build工具|Operate工具|Integrate工具 介绍及使用方法
Hello大家好，我是Dream，如果帮得到你，那我深感荣幸！想进粉丝福利群及免费送书群，直接私信我拉你。交流学习、商务合作：https://bbs.youkuaiyun.com/topics/614347534
07-09 2007
当下**云原生火爆全网**，云原生充分利用了云计算弹性、敏捷、资源池和服务化特性，改变云端应用的设计、开发、部署和运行模式，为我们大大提供了便利，本篇文章将**带大家走进云原生的世界，揭开它的神秘面纱...
使用docker搭建gitlab、jenkins
qq_35599414的博客
12-31 725
搭建gitlab的服务器配置：2核4G（1核2G跑不动的） 一、搭建gitlab 1、拉取镜像： docker pull gitlab/gitlab-ce 这里的Community Edition (CE)表示社区标本, 2、建立本地文件映射目录 mkdir -p /home/gitlab/config 创建config目录 mkdir -p /home/gitlab/logs 创建logs目录 mkdir -p /home/gitlab/data 创建data.
docker-部署Jenkins集成Gitlab
孟孟的博客
12-12 1954
gitlab安装和基本使用见之前的博客gitlab安装及基本操作一、基本操作1、jeknins本机上需要安装git后然后重启jenkinsyum install git -y2、在gitlab上新建一个项目3、然后将这个项目clone后，增加一个test.py文件后再上传git clone git@10.0.0.105:root/jenkinstest.gitcd jenkinstest/vim test.pygit add test.pygit commit -m "jenkins。
docker 安装的jenkins +gitlab 如何部署vue项目
03-22
<think>好的，我现在需要帮用户解决如何通过Docker安装的Jenkins和GitLab来部署Vue.js项目的问题。首先，我得回忆一下用户提供的三个引用内容，看看有没有相关的配置步骤。引用1提到在Jenkins的系统设置里配置GitLab的URL和API Token，并测试连接，这可能涉及到Jenkins和GitLab的集成。引用2和引用3都提到了Docker相关的配置，比如.dockerignore文件，以及使用docker-compose来启动容器，还有Jenkins容器日志的查看。 用户的需求是使用Docker安装Jenkins和GitLab，然后部署Vue项目。首先，我应该分步骤来写，可能包括环境准备、安装Docker和Docker Compose、配置GitLab和Jenkins容器、创建Vue项目，然后在Jenkins中设置流水线，最后自动化部署。 需要注意用户提供的引用中提到的关键点，比如在Jenkins系统管理里的GitLab配置，以及docker-compose的使用。引用3还提到用户组和权限的问题，比如jenkins用户组是994，可能需要处理权限问题，比如挂载目录的权限或者容器内用户的权限设置。 另外，用户提供的引用中有提到Jenkins Job的配置，可能需要创建一个Pipeline项目，拉取GitLab中的代码，然后执行构建命令，比如npm install和npm run build，之后将构建产物部署到指定目录。可能需要使用到Node.js环境，所以需要考虑在Jenkins容器中安装Node或者使用带有Node环境的镜像。 可能还需要处理Docker网络的问题，确保Jenkins容器能够访问GitLab容器，或者它们在同一网络中。同时，SSH密钥的配置也很重要，让Jenkins能够从GitLab拉取代码，这可能需要将SSH密钥添加到Jenkins的凭证中。 接下来，我需要整理这些步骤，按照逻辑顺序排列，确保每一步都清晰，并且引用提供的参考信息。比如，在配置GitLab部分时，引用1的步骤，输入URL和API Token，测试连接。在Docker Compose配置部分，引用3提到了docker-compose up -d和查看日志的方法。 还要注意用户可能遇到的常见问题，比如权限错误，如何查看容器日志，如何处理构建后的文件部署，比如使用rsync或者直接复制到Nginx的目录中。此外，自动化触发构建可能需要配置GitLab的Webhook，引用1中的API Token可能用于此。 最后，生成相关问题，可能需要考虑优化部署流程，处理依赖，或者错误排查等。比如如何优化Jenkins构建速度，如何处理构建缓存，或者如何配置HTTPS等。</think>### 分步配置教程 #### 1. 环境准备 - 安装 Docker 和 Docker Compose 确保服务器已安装 Docker 和 Docker Compose。若未安装，执行以下命令： ```bash curl -fsSL https://get.docker.com | bash -s docker sudo systemctl enable docker && sudo systemctl start docker sudo curl -L "https://github.com/docker/compose/releases/download/v2.23.0/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose sudo chmod +x /usr/local/bin/docker-compose ``` #### 2. 配置 GitLab 容器 - 创建 `docker-compose.yml` 文件，定义 GitLab 服务： ```yaml version: '3' services: gitlab: image: gitlab/gitlab-ce:latest container_name: gitlab restart: always ports: - "80:80" - "443:443" - "22:22" volumes: - ./gitlab/config:/etc/gitlab - ./gitlab/logs:/var/log/gitlab - ./gitlab/data:/var/opt/gitlab ``` 通过 `docker-compose up -d` 启动容器，使用 `docker logs gitlab` 查看日志[^3]。 #### 3. 配置 Jenkins 容器 - 修改 `docker-compose.yml`，添加 Jenkins 服务： ```yaml jenkins: image: jenkins/jenkins:lts container_name: jenkins restart: always ports: - "8080:8080" - "50000:50000" volumes: - ./jenkins:/var/jenkins_home - /var/run/docker.sock:/var/run/docker.sock # 允许Jenkins调用Docker user: "jenkins:994" # 确保权限与宿主机Docker组匹配[^3] ``` 启动后访问 `http://服务器IP:8080`，根据提示完成初始化。 #### 4. 集成 Jenkins 与 GitLab - **配置 GitLab API Token** 在 GitLab 中生成 API Token（`Profile -> Access Tokens`），进入 Jenkins 的 `系统管理 -> 系统设置 -> GitLab`，填写 URL 和 Token 并测试连接[^1]。 - **添加 SSH 密钥** 将 Jenkins 容器的公钥（位于 `/var/jenkins_home/.ssh/id_rsa.pub`）添加到 GitLab 的 Deploy Keys 中，确保代码拉取权限。 #### 5. 创建 Vue.js 项目 - 在 GitLab 中创建新项目，推送 Vue.js 代码至仓库。确保项目包含： - `Dockerfile`：定义构建镜像步骤 - `.dockerignore`：排除 `node_modules` 等无关文件[^2] #### 6. 配置 Jenkins 流水线 1. **新建 Pipeline 任务** 选择 `新建任务 -> Pipeline`，在 **Pipeline** 部分配置 Git 仓库地址（如 `git@gitlab.example.com:group/project.git`）。 2. **编写 Jenkinsfile** 在项目根目录添加 `Jenkinsfile`，示例内容： ```groovy pipeline { agent any stages { stage('Build') { steps { sh 'npm install' sh 'npm run build' } } stage('Deploy') { steps { sh 'docker build -t vue-app .' sh 'docker stop vue-app || true && docker rm vue-app || true' sh 'docker run -d -p 80:80 --name vue-app vue-app' } } } } ``` 3. **触发自动化构建** 在 GitLab 项目设置中配置 Webhook（`Settings -> Webhooks`），URL 格式为 `http://JenkinsIP:8080/project/任务名`。 #### 7. 验证部署 - 访问 `http://服务器IP`，确认 Vue 应用正常运行。若需排查问题，使用 `docker logs jenkins` 或查看 Jenkins 控制台输出[^3]。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值