聊聊微信小程序自动化如何来做?-技术圈

作者丨星安果来源丨AirPython

1. 前言

平常我们使用自动化主要是针对 App 端和 Web 端，另外还有两种场景比较少用但是也很重要，分别是：浏览器、微信小程序。今天我们聊聊如何在微信小程序上进行自动化操作。

2. 微信小程序

小程序内嵌于微信内部，页面包含 Native 原生元素和 Web 元素，相当于一个混合应用。并且，小程序 Web 部分是基于腾讯 X5 内核开发的，也是一个特殊的 WebView。那小程序如何做自动化呢？
主要方法包含：UiAutomator 原生、基于 WebView 、基于微信官方自动化 SDK下面将这些方式逐一进行说明

3. 原生

原生的自动化就是利用 UiAutomator2 捕获到元素 UI 树，然后利用元素属性及层级关系及坐标值来定位元素，执行一系列自动化操作。

但是原生有一个缺点，由于小程序基于 WebView，所以元素定位符缺失，很多属性包含：content-desc、resource-id 不存在。虽然利用这种方法来进行元素定位存在一定难度，但是还是可以利用元素的层级关系来补充这个缺点。

4. WebView

网络上大部分的教程都是基于 WebView 来完成的自动化。首先，需要打开微信的调试功能，文件传输助手中输入：debugx5.qq.com 进入，勾选上：打开 TBS 内核 Inspector 调试功能。

接着，在 Chrome 上输入下面的命令进行到设备和页面管理页面chrome://inspect/#devices点击对应的页面项，即能在开发者工具内展示小程序目标页面完整的 HTML 元素信息。自动化的操作就很简单了。比如使用 Appium 的话，直接将对应的小程序发送到文件发送助手中，作为自动化开始的入口。切换到小程序所有的 Context ，最后，利用 Css 选择器去选择网页元素进行一系列自动化操作。需要说明的是，这种方式在微信 7.X 后，默认已经无法基于 WebView 完成自动化操作了，这个可以降低 ChromeDriver 的版本来对应微信 x5 内核的版本。