Docker 构建 Jenkins 快速 CI/CD 完整解决方案-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，持续集成和持续交付逐渐成为常规开发方式。而Jenkins又是常用的 CI/CD 工具之一，本文将介绍如何使用 Docker 构建 Jenkins，并通过 CI/CD 完整解决方案来简化前端开发流程。

Docker 构建 Jenkins

Docker 构建 Jenkins 的好处是可以避免在本地机器上安装了大量插件和库，使镜像更加轻量化和可移植。以下是 Dockerfile 示例代码：

FROM jenkins/jenkins:lts-jdk11

# 安装必要插件和库
RUN /usr/local/bin/install-plugins.sh git workflow-aggregator blueocean docker-workflow

USER jenkins

# 设置 Jenkins 插件和初始化脚本
COPY --chown=jenkins:jenkins init.groovy.d/ /var/jenkins_home/init.groovy.d/

需要注意的是，--chown=jenkins:jenkins 表示复制过来的文件权限设置为 Jenkins 用户，避免后续因权限问题启动失败。

CI/CD 完整解决方案

接下来，我们来一步步搭建 CI/CD 完整解决方案。

1. 将源码放入 Git 仓库

此处以 GitLab 为例，将源码放入 Git 仓库中，并添加 .gitlab-ci.yml 文件作为 CI/CD 脚本。该文件应包含以下步骤：

stages:
  - build
  - test
  - deploy

build:
  image: node:14.15.0-alpine
  stage: build
  script:
    - yarn install
    - yarn build

test:
  image: node:14.15.0-alpine
  stage: test
  script:
    - yarn test

deploy:
  image: docker:20.10.3
  stage: deploy
  script:
    - docker build -t my-app .
    - docker tag my-app my-registry:latest
    - docker push my-registry:latest

以上脚本包含了三个阶段：构建、测试和部署。其中构建和测试使用了 Node.js 和 Yarn，并在 Alpine 镜像中运行，容量较小。而部署阶段则使用 Docker 打包应用程序并上传到仓库。

2. 安装 Jenkins 插件

启动 Jenkins 后，需要安装以下插件：

Gitlab Plugin：Jenkins 和 GitLab 对接
Git Plugin：Git 仓库
Docker Pipeline：Docker 容器化

3. 配置 Jenkins 信息

在 Jenkins 主页中，点击“系统管理”-“GitLab”，并添加 GitLab 服务器的基本信息。

接下来，Jenkins 需要配置容器名称和工作目录等信息。在“系统管理”-“管理插件”中，启用“Docker Pipeline”插件。然后，在“系统管理”-“系统设置”中添加 Docker Hub 认证信息。

4. 配置 Jenkins 工作流

接下来，需要为 Jenkins 创建一个 pipeline 任务。将该任务与 GitLab 中的项目进行绑定，当 GitLab 代码有更新时，Jenkins 会自动触发任务构建。以下是 pipeline 配置代码示例：

pipeline {
    agent any

    stages {
        stage('Build') {
            steps {
                checkout scm
                sh '''
                    docker run --rm -v $PWD:/app -w /app node:14-alpine yarn install 
                    docker build -t my-app .
                    '''
            }
        }

        stage('Test') {
            steps {
                sh 'docker run --rm my-app npm test'
            }
        }

        stage('Deploy') {
            when {
                branch 'main'
            }
            steps {
                sh "docker tag my-app my-registry:latest"
                sh "docker push my-registry:latest"
            }
        }
    }
}

以上代码与 .gitlab-ci.yml 文件中的脚本类似，使用 Docker 构建并测试，最终在部署阶段推送镜像到 Docker 仓库中。

总结

本文介绍了如何使用 Docker 构建 Jenkins，并通过 CI/CD 完整解决方案来简化前端开发流程。通过这种方式，可以达到快速构建、测试和部署的目的，规范化流程，提高开发效率。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65af99a1add4f0e0ff90da24