当前位置： 首页 > news >正文

持续集成交付CICD：K8S 通过模板文件自动化完成前端项目应用发布

news 2025/8/3 0:04:29

目录

一、实验

1.环境

2.GitLab 更新deployment文件

3.GitLab更新共享库前端项目CI与CD流水线

4.K8S查看前端项目版本

5.Jenkins 构建前端项目

6.Jenkins 再次构建前端项目

二、问题

1. Jenkins 构建CI 流水线报错

2. Jenkins 构建CI 流水线弹出脚本报错

3. Jenkins 构建CD 流水线报错

4.URL中特殊字符实现哪些功能

5.sed如何实现替换特殊字符

 

 

一、实验

1.环境

（1）主机

表1 主机

主机架构版本IP备注
master1K8S master节点1.20.6192.168.204.180

jenkins slave

（从节点）

node1K8S node节点1.20.6192.168.204.181 
node2K8S node节点1.20.6192.168.204.182 
jenkins

 jenkins主节点      

2.414.2192.168.204.15:8080

 gitlab runner

（从节点）

 harbor私有仓库1.2.2192.168.204.15 
gitlab

gitlab 主节点       

12.10.14192.168.204.8:82

jenkins slave

（从节点）

 sonarqube9.6192.168.204.8:9000 

 

2.GitLab 更新deployment文件

（1）项目新建目录，用于存放上传的deployment 替换文件

61c1cbe42f2d49a39e69240126b465b4.png0302eeaaa9314db0b00609479c98cf34.png

（2）准备更新模板文件deployment.yaml

 __APPNAME__（应用名称）对应Jenkins作业名称__NAMESPACE__ (名称空间)  对应业务名称__INAGENAME__(镜像名称)

（3）更新完成

601bde8c1f414594be88b29fad1cd1b1.png

（4）项目目录如下：

6a39dfb70567465d913ec49e65801f4f.png

 

3.GitLab更新共享库前端项目CI与CD流水线

（1）查看项目架构

623fb835973a495c830c9ec5b72a42f8.png

（2）更新K8S CI流水线 （k8sci.jenkinsfile）

@Library("mylib@master") _
import org.devops.*def checkout = new Checkout()
def build = new Build()
def unittest = new UnitTest()
def sonar = new Sonar()
def gitlabutil = new Gitlab()pipeline {agent { label "build"}options {skipDefaultCheckout true}stages{stage("Checkout"){steps{script {println("GetCode")checkout.GetCode("${env.srcUrl}","${env.branchName}")}}}stage("build"){steps{script{println("Build")build.CodeBuild("${env.buildTool}")}}}stage("UnitTest"){steps{script{println("Test")unittest.CodeTest("${env.buildTool}")}}}stage("SonarScan"){steps {script {groupName = "${JOB_NAME}".split("/")[0]projectName ="${JOB_NAME}".split("/")[-1].split("_")[0]sonar.CodeSonar("${env.buildTool}",projectName,groupName)}}}stage("PushImage"){steps {script {repoName = "${JOB_NAME}".split("/")[0]projectName ="${JOB_NAME}".split("/")[-1].split("_")[0]env.registry = "192.168.204.15"env.imageName = "${env.registry}/${repoName}/${projectName}:${env.branchName}"withCredentials([usernamePassword(credentialsId: '8c662308-4991-4576-9826-74a5417de685', passwordVariable: 'DOCKER_PASSWD', usernameVariable: 'DOCKER_USER')]) {sh """#重写HTML首页echo "${env.imageName}" > dist/index.html #构建镜像docker build -t ${env.imageName} .#登录镜像仓库docker login -u ${DOCKER_USER} -p ${DOCKER_PASSWD} ${env.registry}#上传镜像docker push  ${env.imageName}#删除镜像sleep 2docker rmi ${env.imageName}"""}}}}stage("ReleaseFile"){steps{script{// 获取模板文件fileData = gitlabutil.GetRepoFile(22,"deployment.yaml", "master")sh "rm -fr deployment.yaml"writeFile file: 'deployment.yaml', text: fileData// 替换模板文件内容namespace = "${JOB_NAME}".split("/")[0]appName ="${JOB_NAME}".split("/")[-1].split("_")[0]sh """sed -i 's#__PORT__#${env.port}#g' deployment.yamlsed -i 's#__APPNAME__#${appName}#g' deployment.yamlsed -i 's#__NAMESPACE__#${namespace}#g' deployment.yamlsed -i 's#__IMAGENAME__#${env.imageName}#g' deployment.yaml"""// 上传替换后的版本文件（新建文件或者更新文件）newYaml = sh returnStdout: true, script: 'cat deployment.yaml'println(newYaml)//更新gitlab文件内容base64Content = newYaml.bytes.encodeBase64().toString()// 会有并行问题，同时更新报错try {gitlabutil.UpdateRepoFile(22,"${appName}%2f${env.branchName}.yaml",base64Content, "master")} catch(e){gitlabutil.CreateRepoFile(22,"${appName}%2f${env.branchName}.yaml",base64Content, "master")}}}}}}

（3）更新K8S CD流水线 （k8scd.jenkinsfile）

@Library("mylib@master") _
import org.devops.*def gitlabbutil = new Gitlab()
env.groupName = "${JOB_NAME}".split("/")[0]
env.projectName ="${JOB_NAME}".split("/")[-1].split("_")[0]pipeline {agent { label "k8s"}options {skipDefaultCheckout true}stages{stage("GetDeployFile"){steps{script {env.appName = "${env.projectName}"env.deployFile = "${env.appName}/${env.branchName}.yaml"//println("GetCode")fileData = gitlabbutil.GetRepoFile(22,"${env.appName}%2f${env.branchName}.yaml", "master")//println(fileData)sh "rm -fr ${env.deployFile}"writeFile file: "${env.deployFile}", text: fileData//sh "ls -l; cat deployment.yaml"sh "ls -l "}}}stage("DeployAPP"){steps{script{env.namespace = "${env.groupName}"sh """## 发布应用kubectl apply -f ${env.deployFile} -n ${env.namespace}"""// 获取应用状态5.times{sh "sleep 2; kubectl -n ${env.namespace}  get pod | grep ${env.appName} "}}}}stage("RollOut"){input {message "是否进行回滚"ok "提交"submitter "david,aa"parameters {choice(choices: ['yes','no'], name: 'opts')}}steps{script{switch ("${opts}"){case "yes":sh " kubectl rollout undo deployment/${env.appName} -n ${env.namespace}"breakcase "no":break}}}}}
}

4.K8S查看前端项目版本

（1）外部测试访问（当前版本为1.1.7）

# curl http://devops03-devops-ui.devops.com:31291

32d8f31c58604548bdd6cc611ab8295d.png

(2)  另开一个终端用watch命令观察pod变化

# watch -n 1 "kubectl get pod -n devops03"

d96aae45ce34497591dc6de5697a69c5.png

47a29171ffd848509def7e5d120697d6.png

 

5.Jenkins 构建前端项目

（1）Jenkins给前端项目CI流水线添加参数添加字符参数port

196fbfedc0c74af294f3ddba9543342e.png

（2）Jenkins给前端项目CD流水线添加参数添加字符参数branchNameab052818e67444dfaf556bb479cd11b4.png

 

(3) 构建前端项目CI流水线

4e61d5320ba74b25a254f2b0788afe8d.png

（4）成功

657b576137aa4d3d8a6331d25eada137.png

5203e2aeeb5f4120bad2a3deb55945a2.png

 

（5）GitLab查看deployment部署文件已自动上传（RELEASE-1.1.5.yaml）

434f94317f334b50a9796c0feabb9a4e.png

(6) 构建前端项目CD流水线d1c81cb7941f44e5854bffaf7f6b2f64.png

(7) 观察pod变化

8fdf0d54fe094e7fb1fb2982237a138d.pngca0e8e4c9e01415aae78c449fde74bd3.png45782720009a44cd85d92180f2f26bd6.png7e827018b4be476fb283aea9b6c353b1.png

（8）外部测试访问（当前版本为1.1.5）

# curl http://devops03-devops-ui.devops.com:31291

26984850e4ae42cb85ff70b1384dea00.png

（9）不进行回滚

300eb1721dff471b8e6c1b6173b81891.png

（10）完成

4df8695a8cf14ac5be378553274eb472.png

 

6.Jenkins 再次构建前端项目

（1） 构建前端项目CI流水线

9fee5006590e468ca6e533cda043c8c6.png

（2）成功

7b527348e58943108ab98d44150c0e10.png4f64c6b568344c90adc1139a8714ba19.png

（3）GitLab查看deployment部署文件已自动上传（RELEASE-1.1.6.yaml）

580bf6ea655c4bf3a44640955f355896.png

(4) 构建前端项目CD流水线bce3be17b9234b3ab77ca4bd400d4919.png

(5) 观察pod变化

1688804adfca4414ad42046457ddd287.png8fd04a1ced684c0a8a53da51b3a90468.pngd51cfaf94d5d4ee8aab483ce4555ed36.png

（6）外部测试访问（当前版本为1.1.6）

# curl http://devops03-devops-ui.devops.com:31291

d3f58ce4df0740eca5618712df063206.png

（7）不进行回滚

e9b689b356944152a69688dbd0f8dbd8.png

（8）完成

654e375590794adf80c7af252b620e2b.png

 

二、问题

1. Jenkins 构建CI 流水线报错

（1）报错

acdbe0abbb2448f69f539cf8f8bfc43f.png

（2）原因分析

函数名错误

（3）解决方法

修改函数名。

修改前：

c992530857914cc4b17c0812f0a39723.png

修改后：

b6b8a6fd3a634c7bbdbd28d7022b1b2e.png

 

 

2. Jenkins 构建CI 流水线弹出脚本报错

（1）报错

dac675a89db84b22ba0cf1a0429db99a.png

（2）原因分析

script不允许使用静态方法

（3）解决方法

运行script使用静态方法

根据弹出提示页面，点击进入。

fc79c8d85a7f496ca4afdf809f215b5b.png

点击Approve

8b9cd0905d99413db07ea1c0a35fe636.png

完成

91619c37d02244ee825946f230503240.png

重写构建项目成功

39907b913566440889afda475addf7a6.png

3. Jenkins 构建CD 流水线报错

(1) 报错

f0191d23859141a59087d93bd2538cb7.png

（2）原因分析

yaml文件格式错误

（3）解决方法

修改deploymeny模板文件

修改前：

02616c8eeb1c4e1eada1e0e6423e5fa9.png

修改后：

841077c010824c1589c62e1ec3fa5d7c.png

成功：

be3873f0b9da4f7386c365cc8c36caf2.png

 

4.URL中特殊字符实现哪些功能

（1）URL特殊字符

​
有些符号在URL中是不能直接传递的，如果要在URL中传递这些特殊符号，那么就要使用他们的编码了。
编码的格式为：%加字符的ASCII码，即一个百分号%，后面跟对应字符的ASCII（16进制）码值。例如 空格的编码值是"%20"。
如果不使用转义字符，这些编码就会当URL中定义的特殊字符处理。​

（2）URL特殊符号及编码 十六进制值

1) + URL 中+号表示空格 %2B
2) 空格 URL中的空格可以用+号或者编码 %20
3) / 分隔目录和子目录 %2F
4) ? 分隔实际的 URL 和参数 %3F
5) % 指定特殊字符 %25
6) # 表示书签 %23
7) & URL 中指定的参数间的分隔符 %26
8) = URL 中指定参数的值 %3D

5.sed如何实现替换特殊字符

（1）普通操作可以使用冒号(:)井号(#)正斜杠(/)来作为分隔符

sed -i 's#abc#def#g'  geng.file  ---将文件geng中的abc替换成defcat geng.file | sed  's/abc/def/g'   ---打印文件geng，并将其中的abc替换成def

（2）对于变量做替换

sed 若是单引号括起来的，变量上得再额外加个单引号才能引用生效；

       若是双引号括起来的，可直接引用生效。

1）举例
pa='127.0.0.1/32'; field='ip_allow=123'; \
echo $field | sed 's#^ip_allow=.*#ip_allow=${pa}#g' 结果：ip_allow=${pa}  --变量替换未生效2）更改
echo $field | sed 's#^ip_allow=.*#ip_allow='${pa}'#g'结果：ip_allow=127.0.0.1/323）更改
echo $field | sed "s#^ip_allow=.*#ip_allow=${pa}#g"结果：ip_allow=127.0.0.1/32

（3） 特殊字符替换，反斜杠、正斜杠、双引号、$符

单个转义：多加个反斜杠做转义即可：反斜杠（\\）、正斜杠(\/)、双引号(\")

单转多个：参考如下列表

表2 特殊字符转换

实现目标方法能否用单引号还是双引号括起来
单引号双引号为什么
反斜杠(\)替换成两个反斜杠(\\)

sed -i 's#\\#\\\\#g' file

或sed -i 's:\\:\\\\:g' file

√×反斜杠用双引号括起来会报错
反斜杠(\)替换成正斜杠(/)sed -i 's#\\#\/#g' file√×反斜杠用双引号括起来会报错
双引号(")替换成两个双引号("")

sed -i 's#\"#\"\"#g' file

sed -i "s#\"#\"\"#g" file

√√ 
单引号(')替换成两个单引号('')sed -i "s#'#''#g" file×√不能用单引号括起来，分不清了
($)替换成\$sed -i 's:\$:\\\$:g' file√×不能用双引号，否则会认为是$(正则匹配结尾位置)行的结果追加字符呢

（4）curl时用的变量，sed转化

curl -H 'Content-Type: application/json' -X POST -d 参数（参数中涉及到特殊字符都得转义，而且要多转一层，即$得转成\\$，才能原封不动的供后续使用）
#值替换单引号、反斜杠、双引号 curl的时候用，多一层转义，所以\要用\\sed -i "s#'#''#g" ${file}      ---单引号要转成两个单引号sed -i 's#\\#\\\\\\\\#g' ${file}    ---反斜杠sed -i "s:\":\\\\\":g" ${file}      ---双引号sed -i 's:\$:\\\\\$:g' ${file}    ---$符

curl引用参数的这种形式有两种写法：

1）直接引用单个参数变量
curl -H 'Content-Type: application/json' -X POST -d '{"type":"0","name":" ' ${pa_name} ' "}'
这种需要对变量额外加上一个单引号，才能引用生效。2）整个参数变量作为一个整体(推荐)
param="{\"type\":\"0\", \"name\":\"${pa_name}\"}"
curl -H 'Content-Type: application/json' -X POST -d "${param}"

 

 

http://www.lryc.cn/news/263522.html

相关文章：

  • 【TB作品】51单片机 实物+仿真-电子拔河游戏_亚博 BST-M51
  • MyBatis ${}和#{}区别
  • 大型语言模型：RoBERTa — 一种稳健优化的 BERT 方法
  • webpack知识点总结（基础应用篇）
  • 监控k8s controller和scheduler，创建serviceMonitor以及Rules
  • 支持向量机 支持向量机概述
  • http -- 跨域问题详解（浏览器）
  • Java对接腾讯多人音视频房间回调接口示例
  • vp与vs联合开发-通过FrameGrabber连接相机
  • 音视频直播核心技术介绍
  • JNDI注入Log4jFastJson白盒审计不回显处理
  • FPGA实现腐蚀和膨胀算法verilog设计及仿真 加报告
  • 核和值域的关系：什么是矩阵的秩？
  • 【MyBatis Plus】Service Mapper内置接口讲解
  • 制作一个简单 的maven plugin
  • 基于linux系统的Tomcat+Mysql+Jdk环境搭建（三）centos7 安装Tomcat
  • Ubuntu环境下SomeIP/CommonAPI环境搭建详细步骤
  • maven 项目导入异常问题
  • 在 VMware 虚拟机上安装黑苹果(Hackintosh)：免费 macOS ISO 镜像下载及安装教程
  • 国产ToolLLM的课代表---OpenBMB机构（清华NLP）旗下ToolBench的安装部署与运行（附各种填坑说明）
  • 串口通信(5)-C#串口通信数据接收不完整解决方案
  • 大数据分析岗是干什么的？
  • hadoop运行jar遇到的一个报错
  • 长短期记忆(LSTM)神经网络-多输入分类
  • 开启创意之旅：免费、开源的噪波贴图(noise texture)生成网站——noisecreater.com详细介绍
  • Android Studio问题解决：Gradle Download 下载超时 Connect reset
  • 【Python百宝箱】云上翱翔：Python编程者的AWS奇妙之旅
  • 抖音直播间websocket礼物和弹幕消息推送可能出现重复的情况，解决办法
  • 【设计模式--行为型--访问者模式】
  • [最后一个月征稿、ACM独立出版】第三届密码学、网络安全和通信技术国际会议（CNSCT 2024）