docker + jenkins + vue

第一步安装docker

  • 方案一: 通过宝塔控制面板去安装docker
    docker + jenkins + vue_第1张图片
    docker + jenkins + vue_第2张图片

第二步安装jenkins

  • 方案一:通过宝塔控制面板去安装jenkins

    • 使用命令去安装 docker pull jenkins/jenkins
    • 通过命令去启动jenkins
    docker run > -itd -u root  -p 2000:8080  -v /var/jenkins_home:/var/jenkins_home  -v /var/run/docker.sock:/var/run/docker.sock  -v /usr/bin/docker:/usr/bin/docker  --name jenkins-master >
    

    一定要把端口放开打开2000的端口,这个时候会使用jenkins密码
    使用命令 docker ps查看当前启动的容器
    使用docker logs 加容器的名称

    docker + jenkins + vue_第3张图片

    docker + jenkins + vue_第4张图片

第三步配置jinkins的插件

  • 安装ssh跟github跟nodejs之后进行重启,直接重启docker这个服务,通过宝塔去重启

docker + jenkins + vue_第5张图片

docker + jenkins + vue_第6张图片

在全局配置下 使用淘宝镜像网站:https://npm.taobao.org/mirrors/node/

docker + jenkins + vue_第7张图片

测试node是否生效

docker + jenkins + vue_第8张图片

如果报错

docker + jenkins + vue_第9张图片
在宝塔中找到 /var/jenkins_home/tools/jenkins.plugins.nodejs.tools.NodeJSInstallation/node16/下面还有一层

docker + jenkins + vue_第10张图片

docker + jenkins + vue_第11张图片

成功解决
docker + jenkins + vue_第12张图片

第四步初始化项目

使用vite去创建项目,然后在github上面新建一个仓库,上传到仓库里面

第五步创建流水线

docker + jenkins + vue_第13张图片

docker + jenkins + vue_第14张图片

docker + jenkins + vue_第15张图片

docker + jenkins + vue_第16张图片

docker + jenkins + vue_第17张图片

docker + jenkins + vue_第18张图片

报错

docker + jenkins + vue_第19张图片

  • 方案一

docker + jenkins + vue_第20张图片

  • 方案二 重试

完成

访问20000端口,一定要把端口放开

docker + jenkins + vue_第21张图片

本地对代码进行修改,提交代码到github成功触发

docker + jenkins + vue_第22张图片

访问20000端口

docker + jenkins + vue_第23张图片

说明修改成功

你可能感兴趣的:(docker,jenkins,vue.js)