基于python3 + WebDriverAgent + Facebook-wda + Weditor的iOS系统UI自动化(一):环境搭建

特别感谢 兔子_132f,本文多处借用此博主的iOS UI自动化(1)-环境搭建内容

一、设备信息:

众所周知iOS的开发环境必须要在Xcode的基础上进行操作,而Xcode依赖macOS,所以需一台macOS的电脑以及一台iPhone手机

二、基础环境:

1、homebrew作用及安装参考以下地址
https://zhuanlan.zhihu.com/p/59805070

检查brew是否安装成功和安装版本
➜  ~ brew -v
Homebrew 3.3.16  

2、因为本人了解一些python语法所以选择了Python为基础的UI自动化,这里需要用到Python3+版本(目前python3.10,本人使用版本为python3.8)

# 检测本地及brew可以安装的python版本
➜  ~ brew search python3  
==> Formulae
boost-python3   python@3.7      python@3.9      bpython         cython
python@3.10 ✔   python@3.8 ✔    ipython         jython

若没有安装任何一个python3x的版本直接执行以下命令即可安装

brew install python@3.8  

检查python3.8是否已经安装:

➜  ~ python3.8
Python 3.8.12 (default, Oct 22 2021, 18:39:35) 
[Clang 13.0.0 (clang-1300.0.29.3)] on darwin
Type "help", "copyright", "credits" or "license" for more information.
>>> 
➜  ~ 

3、配置环境变量
将python默认配置为python3.8;pip默认配置pip3

➜  ~ cd ~
➜  ~ open .bash_profile

如果没有创建过.bash_profile文件需要先touch .bash_profile后再open
将下面三行内容添加到环境变量里,并保存,注意修改路径为个人安装路径!!!

export PATH=${PATH}:/usr/local/opt/python@3.8/bin
alias python="/usr/local/opt/python@3.8/bin/python3.8"
alias pip="/usr/local/opt/python@3.8/bin/pip3"

保存后执行命令使环境变量生效:

source .bash_profile

验证生效可直接控制台输入python,提示进入python3.8.x即可:

➜  ~ python
Python 3.8.12 (default, Oct 22 2021, 18:39:35) 
[Clang 13.0.0 (clang-1300.0.29.3)] on darwin
Type "help", "copyright", "credits" or "license" for more information.
>>> 

4、Xcode的安装:
macOS自带app story搜索Xcode,点击下载即可,这里需要注意Xcode较大,需要在网络条件好一点的地方下载安装。。。


image.png

三、插件及各种依赖库的安装(作用待补充原作者appium环境搭建必须依赖,先添加进来以防报错)

1、libimobiledevice (类似Android的adb命令工具)

brew install libimobiledevice

2、ideviceinstaller(获取设备udid、安装app、卸载app、获取bundleid)

brew install ideviceinstaller

3、carthage(第三方库管理工具)

brew install carthage

4、ios-deploy(iOS不依赖xcode调试工具)

brew install ios-deploy

5、node

brew install node

6、npm

brew install npm

7、appium-doctor

npm install -g appium-doctor

8、usbmuxd

brew install usbmuxd

9、facebook_wda

pip install facebook_wda

10、weditor

pip install weditor

四、环境检查

appium-doctor --ios
image.png

五、WebDriverAgent 配置

1、下载WebDriverAgent
github地址,如果安装了git直接clone,未安装直接code->Download ZIP

https://github.com/appium/webdriveragent

这里介绍下为什么下载appium下的webdriveragent,webdriveragent开源于Facebook,点击原地址查看,此项目距离最近一次维护的时间较久,推荐使用一直在维护的appium/webdriveragent
2、配置WebDriverAgent

前提:
1.想一个独一无二的名字!!!
2.创建一个开发者账号。注册apple账号后再App Store下载apple developer按照指引注册开发者账号

下载后的WebDriverAgent选择路径内的WebDriverAgent.xcodeproj使用Xcode打开(此处与原作不同)


image.png
image.png

以下流程来自 兔子_132f,如有侵权请联系变更(属实懒得截图去上传)

WebDriverAgent →TARGETS→WebDriverAgentLib的Bundle Identifier更改为自己命名的Identifier和设置ios版本。(所有Identifier注意保持一致!!)


image.png

WebDriverAgent →TARGETS→WebDriverAgentLib的Signing选择使用个人的证书。


image.png

WebDriverAgent →TARGETS→WebDriverAgentLib的Product Bundle
Identifier更改为自己命名的Identifier和ios deployment target

的版本号和目标手机的ios系统版本号一致。


image.png

image.png

WebDriverAgent →PROJECT→WebDriverAgent的Product Bundle
Identifier更改为自己命名的Identifierios deployment target
的版本号和目标手机的ios系统版本号一致。(所有Identifier注意保持一致!!)
image.png

image.png

WebDriverAgent →TARGETS→WebDriverAgentRunner的Product Bundle

Identifier更改为自己命名的Identifierios deployment target
的版本号和目标手机的ios系统版本号一致。(所有Identifier注意保持一致!!)


image.png

image.png

WebDriverAgent →TARGETS→WebDriverAgentRunner的Signing选择使用个人的证书
image.png

文件目录WebDriverAgent→WebDriverAgentRunner→info.plist的Bundle Identifier更改为自己命名(和前面几部中保存一致)
image.png

xcode → product→ scheme →WebDriverAgentRunner (选择执行方案)
xcode → product→ Destination → iOS device机器 也可通过如图所示进行勾选(选择执行构建的目标机)
image.png

image.png

客户端中生成待信任信息
image.png

操作”信任“

打开手机发现桌面出现了一个无图标的icon 名称为:WebDriverAgent..
打开设置→通用→描述文件与设备管理 打开开发者app对应的待信任信息 点开→信任

image.png

成功连接iOS设备

手机上点击信任app后,xcode再次点击 product→test
查看运行log,ServerURLHere->设备ip如192.168.1.1:8100<-ServerURLHere(别管TestFail)

六、usbmuxd运用

1、确定设备连接状态,出现如图所示即可

idevice_id -l

image.png

2、设置端口映射,出现如图所示即可
期中第一个8200为本地计算机端口,8100为移动设备端口,映射时需要注意本地计算机端口未被占用

iproxy 8200 8100

image.png

3、验证映射成功
浏览器访问127.0.0.1:8200(设置本地计算机映射端口)/statuslocalhost:8200/status

image.png

七、weditor的使用

注意!!!
整个使用过程中禁止关闭端口映射控制台、禁止关闭weditor控制台

1、启动weditor,启动成功后控制台会如图展示,并会自动打开浏览器进入http://localhost:17310/

python -m weditor

控制台展示.png

浏览器打开.png

2、使用ATX配置
选择iOS
填写本地映射地址:http://localhost:8200
点击connect等待片刻展示为一个绿色叶子即为连接成功
image.png

Dump Hierarchy 刷新展示当前屏幕信息及元素定位

image.png

接下来就可以开心的写脚本了
ps1:点击左边的可视化界面可以在右侧代码区快速生成代码,其他使用方法请自行研究哈~
ps2:本人曾踩坑无数才找到这么一个可实现的方法,如中途产生问题可以留言,可以看看跟我在学习时有没有相同问题排忧解难

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,222评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,455评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,720评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,568评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,696评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,879评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,028评论 3 409
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,773评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,220评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,550评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,697评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,360评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,002评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,782评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,010评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,433评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,587评论 2 350

推荐阅读更多精彩内容