百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

在 Jenkins 上显示打包二维码(jenkins打包报错)

off999 2024-10-04 18:59 38 浏览 0 评论

前言

在Jenkins上显示二维码,是为了每次打完包之后都能方便的用手机下载,不必再使用数据线安装。
本文涉及以下内容

  • 架设Web服务器(https)
  • Jenkins的history显示图片
  • Mac安装Homebrew和Python3
  • 本地生成二维码
  • shell生成manifest.plist
  • 微信扫码跳转
  • Jenkins的Job之间传递变量

准备

在Jenkins上显示二维码的思路是修改BuildDescription并放置二维码图片的链接
因此我们需要准备以下内容

项目备注Web服务器用来存放打出来的安装包,可以参照 这里 部署二维码将安装包的链接转换为二维码图片build-name-setterJenkins插件,修改BuildName(新版本为Build Name and Description Setter,集成了修改BuildDescription的功能)

动手

一、在Jenkins上显示二维码图片

1. 安装Jenkins插件

  • 进入Jenkins工作台系统管理>插件管理>可选插件>过滤>build-name-setter,勾选对应插件直接安装
  • 返回工作台首页,选择一个Build工程>配置
  • 可以看到构建环境处多了一个Set Build Name的选项,即插件安装成功

2. 配置Set Build Name插件

查看Jekins的环境变量参数,我们可以看到

BUILD_NUMBER
The current build number, such as "153"
BUILD_DISPLAY_NAME
The display name of the current build, which is something like "#153" by default.
  • Set Build Name就是修改这个BUILD_DISPLAY_NAME,默认为#${BUILD_NUMBER}
  • Jenkins的默认安全设置,会把所有的输入都当成纯文本,为了使图片链接生效,需要更改一下系统管理>全局安全配置>标记格式器,将纯文本选项改为Safe HTML,保存设置
  • 点击Set Build Name的高级,会出现Build Description的设置,可以在这里写入一个图片的链接 <img src="http://ww1.sinaimg.cn/large/007x9vWyly1g2zgykchtmj30a7064dk4.jpg" height="200" width="200/>
  • Build完成之后即可在Build历史中看到对应的图片链接

二、生成二维码图片

生成二维码的方法有很多,可以自行网上查找,我们这里使用一个比较简单的MyQR(Github),MyQR依赖于Python,如果已经安装好Pyhton 3,点击这里跳转到第三步

1. 安装Homebrew

Mac上自带python是2.7.x版本,血和泪的教训告诉我们没事千万不要动他,有可能造成一些工具无法正常使用(如:Xcode)。这里我们通过Homebrew(官网)安装一下Python 3

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装完毕后brew -v验证是否安装成功

$ brew -v
Homebrew 2.1.2
Homebrew/homebrew-core (git revision 48bc; last commit 2019-05-13)

如果出现

-bash: brew: command not found

可能是环境变量没有配置好,配置环境变量并更新使其生效

2. 安装Python 3

安装完Homebrew之后,通过命令安装Python 3,Homebrew中的Python默认是Python 3,因此:

$ brew install python

安装完毕后,输入python3和pip3验证是否安装成功

$ python3 
Python 3.7.3 (default, Mar 27 2019, 09:23:15) 
[Clang 10.0.1 (clang-1001.0.46.3)] on darwin
Type "help", "copyright", "credits" or "license" for more information.
>>> exit()
$ pip3

Usage: 
 pip3 <command> [options]

Commands:
 install Install packages.
 ···


3. 安装MyQR

$ pip3 install myqr

验证安装是否成功

$ myqr -h 

4. MyQR生成二维码

  • MyQR的常用参数:
myqr Words 
 [-v {1,2,3,...,40}] 
 [-l {L,M,Q,H}] 
 [-n output-filename] 
 [-d output-directory]
 [-p picture_file]
 [-c]
 [-con contrast]
 [-bri brightness]
  • 生成二维码,会在当前目录下生成指定的二维码
myqr 'hello word'

可以通过-n和-d来设置生成文件名和路径

$ myqr 'hello word' -n hellow.png -d ../path/

常用参数说明:

-v 控制边长,范围是1至40,数字越大边长越大;

-l 控制纠错水平,范围是L、M、Q、H,从左到右依次升高。

-n 控制文件名,格式可以是 .jpg, .png ,.bmp ,.gif ;

-d 控制位置。

-p 用来将QR二维码图像与一张同目录下的图片相结合,产生一张黑白图片。

-c 可以使产生的图片由黑白变为彩色的。

-con 用以调节图片的对比度,1.0 表示原始图片,更小的值表示更低对比度,更大反之。默认为1.0。

-bri 用来调节图片的亮度,其余用法和取值与 -con 相同。

缺点是不能识别中文,优点是一行代码即可生成,比较方便,字符范围:

数字 0 到 9

大小写的英文字母

常用英文标点符号和空格

· , . : ; + - * / \ ~ ! @ # $ % ^ & ` ' = < > [ ] ( ) ? _ { } | and (space)

三、规范安装包链接地址

1. 修改Apache默认站点目录

为了方便管理和处理权限问题,我们需要修改Apache的默认站点路径

  • 先创建一个新的Web路径
$ cd /Users/{$username}/
$ mkdir WebSites
$ cd WebSites
$ pwd 
/Users/{$username}/WebSites
  • 修改Apache的httpd.conf配置 $ sudo vim /private/etc/apache2/httpd.conf 找到DocumentRoot配置 DocumentRoot "/Library/WebServer/Documents" <Directory "/Library/WebServer/Documents"> 修改为 DocumentRoot "/Users/{$username}/WebSites" <Directory "/Users/{$username}/WebSites">
  • 修改Apache的httpd-ssl.conf配置 $ sudo vim /private/etc/apache2/extra/httpd-ssl.conf 找到DocumentRoot配置 DocumentRoot "/Library/WebServer/Documents" 修改为 DocumentRoot "/Users/{$username}/WebSites"
  • 在新的Web路径下创建一个主页 $ cd /Users/{$username}/WebSites $ vim index.html 插入内容 <html> <body> <h1>Hello New World!</h1> </body> </html>
  • 重启Apache服务 $ sudo apachectl restart
  • 验证修改
    访问服务器IP或域名进行验证,http://和https://都需验证
    页面出现Hello New World!证明修改成功

2. 创建安装包存放路径

$ mkdir app
$ cd app
$ mkdir and
$ cd and
$ mkdir qrimg
···

创建文件路径如下

|-- app //总目录
 |-- and //存放Android相关文件
 | |-- apk //存放apk
 | |-- qrimg //存放对应的二维码图片
 |-- ios //存放iOS相关文件
 |-- icon //存放plist中对应的icon
 |-- ipa //存放ipa
 |-- plist //存放ipa对应plist文件
 |-- ssl //存放SSL证书
 |-- qrimg //存放对应的二维码图片

四、修改脚本路径并生成二维码

现在我们需要将打包脚本中生成的文件存储在对应的目录下

1. Android脚本修改

Android脚本比较好修改,只需在Jenkins生成apk时,将生成路径修改为上面存放的路径/Users/{$username}/WebSites/app/apk,具体打包脚本不便贴出,这里将相关变量和修改的代码贴一下

# parameters always
curlTime=`date +%Y%m%d%H%M%S`
outputpath=/Users/{username}/Desktop/package/Android_package/apk
packagename=Test
platform=android
webApk=/Users/{username}/WebSites/app/and/apk

cp $outputpath/$packagename.apk $webApk/$packagename\_$curlTime.apk
apkUrl='http://主机地址/app/and/apk/'$packagename\_$curlTime'.apk'
myqr $apkUrl -n andqr_${JOB_NAME}${BUILD_NUMBER}.png -d /Users/{$username}/WebSites/app/and/qrimg
qrUrl='http://主机地址/app/and/qrimg/andqr_${JOB_NAME}${BUILD_NUMBER}.png'

此时,我们得到了Android包的下载地址的二维码,然后把这个地址放在Set Build Name>高级>Build Description里即可


再Build时,就可以在构建历史中看到对应的二维码了


2. iOS脚本修改

iOS脚本修改的原理和Android类似,不同的是ipa不像apk一样可以直接安装,需要通过OTA的方式安装(详见这篇文章),因此我们要生成ipa对应的plist文件和对应的二维码

  • 相关变量
# parameters always
curlTime=`date +%Y%m%d%H%M%S`
packagename=Zeus
ipaName=$packagename\_$curlTime
exportPath=/Users/xt/Desktop/package/iOS_package/ipa
ipaPath=/Users/xt/WebSites/app/ios/ipa

#生成的ipa拷到指定位置
cp $exportPath/Unity-iPhone.ipa $ipaPath

#manifest.plilst需要的参数
ipaUrl='https://主机地址/app/ios/ipa/'$ipaName'.ipa'
disImg='https://主机地址/app/ios/icon/57.png'
fullImg='https://主机地址/app/ios/icon/512.png'
bundleId=com.xxx.yyy
bundleVersion=0.0.1
displayName=Zeus
  • 根据上面参数生成manifest.plist
cd /Users/xt/WebSites/app/ios/plist
cat << EOF > ${ipaName}.plist
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
 <key>items</key>
 <array>
 <dict>
 <key>assets</key>
 <array>
 <dict>
 <key>kind</key>
 <string>software-package</string>
 <key>url</key>
 <string>${ipaUrl}</string>
 </dict>
 <dict>
 <key>kind</key>
 <string>display-image</string>
 <key>url</key>
 <string>${disImg}</string>
 </dict>
 <dict>
 <key>kind</key>
 <string>full-size-image</string>
 <key>url</key>
 <string>${fullImg}</string>
 </dict>
 </array>
 <key>metadata</key>
 <dict>
 <key>bundle-identifier</key>
 <string>${bundleId}</string>
 <key>bundle-version</key>
 <string>${bundleVersion}</string>
 <key>kind</key>
 <string>software</string>
 <key>title</key>
 <string>${displayName}</string>
 </dict>
 </dict>
 </array>
</dict>
</plist>
EOF
  • 将plist对应的超链接生成二维码
plistUrl="itms-services://?action=download-manifest&url=https://主机地址/app/ios/plist/${ipaName}.plist"
myqr $plistUrl -n iosqr_${JOB_NAME}${BUILD_NUMBER.png -d /Users/xt/WebSites/app/ios/qrimg

把这个地址放在Set Build Name>高级>Build Description里即可

  • 再把SSL证书做一个下载二维码,放在JOB说明中,方便第一次的安装下载
$ cd /Users/xt/WebSites/app/ios/ssl
$ myqr http://主机地址/app/ios/ssl/ip211.crt



3. 微信扫码的处理

在实际应用过程中,大多数人的扫码工具还都是微信,但是微信内置浏览器的解析方式和其他浏览器不一样,我们还需要对这种情况进行处理。

  • 判断是否是微信浏览器
    微信官方推荐JS做法
var ua = navigator.userAgent.toLowerCase();
  var isWeixin = ua.indexOf('micromessenger') != -1;
  if (isWeixin) {
    return true;
  }else{
    return false; 
  }

完整的HTML示例如下:

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
 <h1 id='jump'>ooooo</h1>
 <script>
 #测试时候为了刷新缓存
 window.onpageshow = function(event) {
    if (event.persisted) {
     window.location.reload() 
    }
 };
 #判断是否在微信浏览器
 var ua = navigator.userAgent.toLowerCase();
 var isWeixin = ua.indexOf('micromessenger') != -1;
 if (isWeixin) {
 document.getElementById("jump").innerHTML="请在sarfri中打开";
  }else{
 document.getElementById("jump").innerHTML="请在sarfri中打开";
 window.location.href="itms-services:///?action=download-manifest&url=https://主机地址/xyz.plist"; 
  }
 </script>
</body>
</html>

可参考上面生成plist的方式,生成对应的apk,ssl证书和plist对应的html文件,然后将html的地址生成二维码。

补充

这样做完后单个JOB命令过长,可将不同任务拆分成不同的JOB,此时需要注意在不同JOB之间传递变量

# 将之前的内容删除
if [ -f "${WORKSPACE}/tempParams.txt" ];then
rm "${WORKSPACE}/tempParams.txt"
else
echo "File not exist"
fi

# 变量写入文件
echo bundleID="${bundleId}" >> "${WORKSPACE}/tempParams.txt"
echo ipaUrl="${bundleId}" >> "${WORKSPACE}/tempParams.txt"
····

其他JOB开始时读取变量

source "${WORKSPACE}/tempParams.txt"

相关推荐

电信宽带办理电话是多少(电信宽带办理联系电话)

电信宽带不一定需要电信手机号码,可以根据自身需要选择,有单独的宽带业务,一般要求预存一定时间的使用费。不过一般包含了宽带、手机号码的融合套餐总体上更优惠,对客户来说更划算。如果有相应需求的话,建议同时...

开机进入ghost启动项(电脑启动进入ghost)

电脑启动的时候进入GHOST界面方法:  1、首先确认电脑装了GHOST软件。  2、重启电脑,注意仔细观察电脑屏幕,会有一个3s或者10s的选择界面。让选择是进入GHOST界面,或者正常启动进入系...

华硕bios修复蓝屏图解(华硕bios修复蓝屏视频教程)

先看下BIOS是否可以识别到硬盘设备,若看不到,硬盘故障的可能性很大。若可以看到硬盘,建议先尝试进行BIOS兼容性设置:1,在BIOS界面,通过方向键进【Secure】菜单,通过方向键选择【Sec...

老电脑怎么装win7系统(老电脑装win7系统可以吗)

6年前的电脑,如果是用的当时最新的CPU的话,应该是第7代或者第6代酷睿等级的。运行windows7和windows10都应该没有压力。从软件的兼容性来说,还是建议安装windows10,因为现在有好...

电脑怎么设置到点自动关机(电脑怎样设置到点关机)

1、首先我们点击电脑屏幕左下角的开始按钮,在所有程序里依次选择附件---系统工具,接着打开任务计划程序。2、我们打开任务计划程序后,在最右边的操作框里选择创建基本任务,然后在创建基本任务对话框的名称一...

2025年笔记本电脑排行榜(20201年笔记本电脑推荐)

2023华为笔记本电脑matebook16系列很好用的。因为这个系列她是有非常好的性价,比的是能够让你有非常轻薄的厚度,并且能够有11.6寸的屏幕,而且还有120赫兹的刷新率作为大学生,您可能需要经常...

powerpoint激活密钥(ppt密钥 激活码2010)

1/4进入文件打开一个PPT文件进入到软件界面,在界面左上方找到文件选项,点击该选项进入到文件页面。2/4点击账户文件页面中,页面左侧找到账户选项,点击该选项,页面右侧会出现相应的操作选择。3/4点击...

水星usb无线网卡驱动下载(水星usb无线网卡驱动下载安装)
  • 水星usb无线网卡驱动下载(水星usb无线网卡驱动下载安装)
  • 水星usb无线网卡驱动下载(水星usb无线网卡驱动下载安装)
  • 水星usb无线网卡驱动下载(水星usb无线网卡驱动下载安装)
  • 水星usb无线网卡驱动下载(水星usb无线网卡驱动下载安装)
qq恢复删除好友官网(qq恢复已删好友)
qq恢复删除好友官网(qq恢复已删好友)

qq恢复官方网站,http://huifu.qq.com/1、什么是QQ恢复系统?QQ恢复系统是腾讯公司提供的一项找回QQ联系人、QQ群的服务,向所有QQ用户免费开放。2、QQ恢复系统能恢复多长时间内删除的好友?普通用户可以申请恢复3个月内...

2025-12-28 16:03 off999

优启通u盘重装win7系统教程(优启通u盘装win7系统教程图解)

系统显示未找到万能驱动的解决方法是:1、重插下usb口1、造成“找不到驱动器设备驱动程序”的原因,可能是usb口出现问题。2、换个usb口可能是单独这个usb口出现问题,可以选择另外的usb口重试wi...

笔记本mac地址在哪看(笔记本电脑mac地址怎么查询)
  • 笔记本mac地址在哪看(笔记本电脑mac地址怎么查询)
  • 笔记本mac地址在哪看(笔记本电脑mac地址怎么查询)
  • 笔记本mac地址在哪看(笔记本电脑mac地址怎么查询)
  • 笔记本mac地址在哪看(笔记本电脑mac地址怎么查询)
wifi加密方式怎么设置(wifi网络加密怎么设置)

若你想将自己的无线网改成加密的,可以按照以下步骤操作:1.打开你的路由器管理界面。一般来说,在浏览器地址栏输入“192.168.1.1”或“192.168.0.1”,然后输入用户名和密码登录就可以打...

sql数据库自学(数据库入门必看——《sql基础教程》)

SQLServer数据库基础知识:1.数据库是由数据组成的,这些数据可以被组织成有序的数据结构,以支持特定的应用程序。2.数据库管理系统(DBMS)是一种软件工具,用于创建、管理和操作数据库。...

无线网连接不可上网怎么回事

可能有几下几方面原因:1、无线路由器网络参数设置错误,无法拨通ISP运营商的局端设备,无法接入互联网;2、宽带线路出现故障,路由器无法拨通ISP运营商的局端设备,无法连通;3、宽带DNS服务器由于某种...

电脑蓝屏重新启动(电脑蓝屏重新启动快捷键)
  • 电脑蓝屏重新启动(电脑蓝屏重新启动快捷键)
  • 电脑蓝屏重新启动(电脑蓝屏重新启动快捷键)
  • 电脑蓝屏重新启动(电脑蓝屏重新启动快捷键)
  • 电脑蓝屏重新启动(电脑蓝屏重新启动快捷键)

取消回复欢迎 发表评论: