基于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   [email protected]      [email protected]      bpython         cython
[email protected][email protected] ✔    ipython         jython

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

brew install [email protected]  

检查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/[email protected]/bin
alias python="/usr/local/opt/[email protected]/bin/python3.8"
alias pip="/usr/local/opt/[email protected]/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:本人曾踩坑无数才找到这么一个可实现的方法,如中途产生问题可以留言,可以看看跟我在学习时有没有相同问题排忧解难

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