在docker容器里 使用Jenkins部署前端项目

拉取Jenkins镜像

docker image pull jenkins/jenkins:lts

新建JenKins_home文件夹

在JenKins_home文件夹里建jenkins_home文件，

docker-compose.jenkins.yml配置文件

volumes:
  jenkins:
    driver: local
    driver_opts:
      type: none
      o: bind
      device: ./jenkins_home

services:
  # jenkins - 进行打包部署
  jenkins:
    # root权限
    user: root
    # 重启方式
    restart: always
    # 使用的镜像
    image: jenkins/jenkins:lts
    # 容器名称
    container_name: jenkins
    # 环境变量
    environment:
      # 时区
      TZ: Asia/Shanghai
      # 项目前缀
      JENKINS_OPTS: --prefix=/
    ports:
      # 对外暴露的端口定义
      - 6500:8080
    # 卷挂载路径
    volumes:
      # 挂载到容器内的jenkins_home目录
      - jenkins:/var/jenkins_home
      - ./www:/var/www
      - /home/webuser:/home/webuser
     
      - /var/run/docker.sock:/var/run/docker.sock
      - /usr/bin/docker:/usr/bin/docker

cd /home/webuser/JenKins_home里面启动

docker compose -f './docker-compose.jenkins.yml' up -d --build

在浏览器页面访问地址加端口号 端口号在docker-compose.jenkins.yml里面配置

上图里面的路径访问JenKins_home/jenkins_home/**** 因为在配置文件做了映射。

配置JenKins

选择全局工具配置 安装node 保存

选择凭据管理 这里我用来配置git仓库账号

新建Jenkins项目

这里选择的是自由分格的项目

选择git。

打包 并放置dist

清理工作区