关于前端:使用Jenkins构建镜像将应用打包成镜像

14次阅读

共计 2663 个字符，预计需要花费 7 分钟才能阅读完成。

学习某册子的 CICD，记录应用 Jenkins 构建镜像的过程。

应用 Jenkins 集成 Git 来构建 Docker 镜像，为前面的部署筹备镜像资源。

1. 装置 Nodejs 环境

如果想要装置 Node 环境，有以下两个方法：

  • 源码编译：这种是将 Node 源码拉下来后，在服务器端编译实现后才能够应用。工夫比拟长，流程也略简单

  • 应用 Jenkins Plugin 中NodeJS插件主动配置装置

    在 Jenkins 首页，左侧的系统管理 => 插件治理 => 可选插件，搜寻 Node；选中NodeJS 后，点击左下角的 间接装置 开始装置插件。

    发现 Jenkins 版本太低（去年装的 Jenkins），装了 Node 插件不能用（😅），更新一下 Jenkins：

    装置参考：https://blog.51cto.com/u_1567…

    ## pkg.jenkins.io 上的 jenkins 版本太低，改为应用 https://mirrors.jenkins.io/redhat-stable/
yum remove jenkins # 删除旧版本的 jenkins
wget https://mirrors.jenkins.io/redhat-stable/jenkins-2.346.2-1.1.noarch.rpm # 下载
rpm -ivh jenkins-2.346.2-1.1.noarch.rpm # 装置
service jenkins start # 启动服务

装置结束，返回首页，找到系统管理 =>Global Tool Configuration（全局工具配置）=>NodeJS=> 新增 NodeJS，点击新增 NodeJS，抉择相应的版本填写信息保留即可。

如何在工作中应用？

只须要在工作的 配置 中，找到 构建环境 ，选中Provide Node & npm bin/ folder to PATH，抉择方才配置好的NodeJS 即可。

第一次执行会下载对应的 Node 版本，后续不会下载。

2. 应用 SSH 协定集成 Git 仓库源

这一步，应用 Jenkins 集成内部 Git 仓库，实现对实在代码的拉取和构建。

创立一个 vue3 我的项目用于测试构建：

npx vue create cicd_test

抉择 vue3 我的项目开始下载安装，而后推送至 github 仓库

2.1 生成公钥私钥

这是 Jenkins 拜访 Git 公有库的罕用认证形式。能够应用 ssh-keygen 命令即可生成公钥私钥。在本地机器执行生成即可。（应用本人邮箱）

ssh-keygen -t rsa -C "yeying0827@126.com"

实现后须要在 Git 端配置公钥，在 Jenkins 端应用私钥与 Git 进行身份校验。

2.2 在 GitHub 配置公钥

配置下 SSH 近程登录到虚拟机：

  1. 先在虚构机上安装 ssh 服务和 net-tools 工具

    yum install openssh-server # 默认已装
yum install net-tools

  2. 在 mac 终端通过 ssh 命令登录：ssh 用户名 @ip

    ssh yy@10.211.55.6
# 登录后通过 cat 命令获取公钥
cat /root/.ssh/id_rsa.pub

获取公钥后去 github 的 settings 里配置即可

2.3 在 Jenkins 配置私钥

在 Jenkins 中，私钥 / 明码 等认证信息都是以 凭证 的形式治理的，所以能够做到全局通用。

咱们能够在配置工作时，来增加一个本人的凭证。点击我的项目的配置，顺次找到 源码治理 =>Git=>Repositories

点击 Credentials 上面的增加，填写完后点击增加按钮

无奈连贯仓库谬误：Error performing git command: git ls-remote -h git@github.com:yeying0827/cicd_test.git HEAD

须要在虚构机上安装 git 客户端工具：yum -y install git

点击保留

3. 构建镜像

须要先筹备 DockerFile 才能够构建镜像。

3.1 编写 DockerFile

什么是 DockerFile？

DockerFile是一个 Docker 镜像的 根底形容文件 ，外面形容了 生成一个镜像所须要的执行步骤 。咱们也能够自定义一份DockerFile 来创立一个本人的镜像。

  • 在后面 vue3 我的项目的根目录创立DockerFile
vi Dockerfile
FROM nginx:1.15-alpine
COPY dist /etc/nginx/html
COPY conf /etc/nginx/
WORKDIR /etc/nginx/html

形容内容为：

  1. 基于 nginx:1.15 镜像做底座
  2. 拷贝本地 dist 文件夹内的文件，到镜像内 /etc/nginx/html 文件夹内
  3. 拷贝本地 conf 文件夹内的文件，到镜像内 /etc/nginx/ 文件夹内
  4. 指定工作目录
  • 提交到代码库
git add ./Dockerfile
git commit -m "chore: add dockerfile"
git push
  • 生成镜像：应用 docker build 命令就能够构建一个镜像
docker build -t imagename:version .

-t 申明要打一个镜像的 Tag 标签，前面紧跟的就是标签。标签格局为 镜像名: 版本

. 申明要寻找 dockerfile 文件的门路，. 代表以后门路下寻找，默认文件名为 Dockerfile

更多 DockerFile 的语法

3.2 Jenkins 端配置

在代码源和 DockerFile 准备就绪后，咱们只需在 Jenkins 端配置下要执行的 shell 脚本即可。

找到我的项目的配置，顺次找到 构建 =>Execute shell，输出以下脚本：

#!/bin/sh -l

npm install --registry=https://registry.npm.taobao.org
npm run build
docker build -t jenkins-test .

脚本次要操作：装置依赖 => 构建文件 => 构建镜像。填写结束后保留

4. 执行工作

在我的项目下点击 立刻构建 触发执行工作，GLIBC 等版本报错，无奈执行 node 命令，报错

// 应用 strings 命令查看查看最高只有 2.17
strings /lib64/libc.so.6 |grep GLIBC_

装置 glibc_2.28 和 gcc 8.2

reboot 重启，启动 jenkins。

Node 版本过高构建失败，应用 node14.17.0 版本。

没有 conf 文件夹构建失败，新建 conf 文件夹提交到库。

构建胜利。

至此，实现了应用 Jenkins 构建本人的前端镜像。

从控制台输入能够看出，是先依据配置的 git 仓库拉取了代码，而后执行了配置的 shell，最初依据 Dockfile 里的配置生成镜像

正文完
前端
发表至： 前端
2022-11-23
 0
关于前端:WordPress建站中如何创建分类模板文件
关于前端:使用-CSS-渐变来实现波浪动画
关于前端:私有化部署的项目管理工具无忧任务管理个人待办功能介绍
关于前端:面试官角度聊聊写简历这事