autox入门,项目下载、安装、调试、打包

208 阅读6分钟

前言

在正文开始之前,首先我们先了解一下autoxjs前世今生,它是如何诞生的?它是什么?它能做什么用的?

autoxjs前身是autojsAuto.js 由 hyb1996 于 2017/01/27 初次发布,于 2020/03/13 停止维护,最终版本名称为 4.1.1 Alpha2,构建版本号为 461。autojs 这么屌为什么会被下线,因为 autojs 被大面积的用于灰产,被某些资本警告,导致该工具无法对某些应用进行操作 ( 例如:微信、支付宝、抖音 等 )。4.1 版本是免费版的最后一个版本,可以在所有 app 上进行操作。后来作者推出收费版的  Auto.js Pro,虽说增加了一些功能,但是屏蔽了很多主流应用,属于阉割版。

Autox.js 是由kkevsekk大佬在Auto.js 4.1版本基础上 fork 而来,可操作所有软件,并拥有大量 autojs pro 的功能。很不幸和autojs项目一样,kkevsekk大佬在维护V5、V6版本后,autoxjs也被下线了。特别说明一下V6版本早期的主要维护者是kkevsekk大佬,后期主要是wilinz大佬。

目前Autox.js 项目由aiselp大佬在维护,目前最新版本是V7版本,不过当前V7版本的文档还没有完善,所以建议开发者还是先使用V6版本进行开发。文档地址

根据官方文档定义:Autox.js是一款无需root权限的JavaScript自动化软件。

  1. Autox.js是一款自动化安卓手机软件,和微信一样,安装在手机上使用。
  2. Autox.js是一款自动化软件,根据脚本内容便可以自动地执行相关的操作,并且手机无需root。
  3. Autox.js的脚本是用JavaScript编写的,所以有编程基础的小伙伴们也无需担心开发语言差异的问题。

另外,需要说明的是,文章面向有编程基础但不了解Autox.js的人群。文章仅先介绍了autoxjs的最基本的安装和使用。后续文章将继续讲解和完善对autoxjs相关API理解以及开发中的一些注意事项。

文章中的官方文档和下载链接大部分都需要魔法,如果没有魔法的话,可以通过作者收集的镜像或者云盘链接进行访问或下载。

一、autox相关文件和app的下载与安装

AutoX.js文档地址 | 镜像:AutoX.js文档地址

1、下载autox项目

这是一个autox开发项目,用于在电脑端开发autox自动程序代码。使用该模板需要配合 Autox 7.1.4 以上版本才可使用。

v6-project-webui-demo.zip | 网盘:v6-project-webui-demo.zip

下载相关依赖

npm install
npm i -D autox-v6-api

启动服务,验证项目中是否存在问题

① 运行npm run build将编译项目,生成的代码在dist目录

② 运行npm run build-autox将编译项目,生成的代码在dist-autox目录

2、下载APK安装到手机端

这个是一个apk包,用于调试以及最后打包自动化程序。这块需要注意一下在下载autox开发项目的tag页面,不要直接下载apk(apk7.1.2版本),我们需要 Autox 7.1.4 以上版本。

Autox 7.1.7 | 网盘:Autox-v7.1.7.apk

二、autox的调试

调试方式一:局域网连接

注意:开发电脑和调试手机需要处于同一网络下。

1、下载VSCode的AutoX.js插件并开启服务

在电脑上开发 AutoX自动化程序,可以使用 VSCode进行开发。首先需要下载 AutoX.js 插件,这样后续才可以将电脑端开发项目连接到安卓手机上的apk应用进行调试和打包。

在vsCode中打开上述1的autoX项目,在vsCode中使用“ctrl+shift+P”快捷键,输入“auto”,选择开启服务。

image.png

image.png

2、连接PC端服务和手机端autox应用

安装apk安装包后,打开app,打开侧边栏,在侧边栏中点击连接电脑,将服务地址配置到输入中,确定即可。“连接电脑”文字变为“已连接电脑”即表示连接成功。

image.png image.png image.png image.png

3、打包并将autox项目保存到设备

① 使用npm run build-autox打包开发的项目

② 在VsCode中右击dist-autox文件,点击保存项目到设备。刷新app首页,app首页中即多了一个dist-autox文件

image.png image.png

4、调试以及预览

app中点击dist-autox文件,进入dist-autox文件点击播放图标,调试手机弹出开发的页面即表示程序正常。

image.png 3f7ade3b2ef43076c5396bfac92041b0.jpg

调试方式二:USB连接

需要准备一个数据线连接开发电脑和调试手机。

官方文档上写的也是这种调试方式,不过我感觉这种方式不是特别好用,在一些连接上有些麻烦,所以还是比较推荐第一种。

1、打开USB调试并获取手机IP

① 安装apk安装包后,打开app,打开侧边栏,在侧边栏中点击打开USB调试。

② 在调试手机,设置中获取手机IP地址。

image.png image.png image.png

2、下载VSCode的AutoX.js插件并开启服务

① 运行npm run dev启动 vite 调试服务器

② 新建一个终端,运行npm run dev-autox,输入调试设备ip地址,终端提示操作完成并且调试手机弹出开发的页面即表示连接成功。

现在尝试修改 src 目录下的 web 代码界面也会同步更新, 但是修改 src-autox 目录下的文件需要重新运行npm run dev-autox才能得到更新

image.png 3f7ade3b2ef43076c5396bfac92041b0.jpg

3、打包并将autox项目保存到设备

① 使用npm run build-autox打包开发的项目

② 使用npm run save-autox打包开发的项目,依次输入手机ip、项目名称。

③ 刷新app首页,app首页中即多了一个demo文件,即表示项目保存成功。

④ 点击demo文件,进入demo文件点击播放图标,调试手机弹出开发的页面即表示程序正常。

image.png image.png image.png 3f7ade3b2ef43076c5396bfac92041b0.jpg

4、注意事项

v6-project-webui-demo.zip | 网盘:v6-project-webui-demo.zip这个项目,在使用下图(图一)webview的页面,Autox真机开发时没有问题,在模拟器和打包后真机上均无法正常打开页面,所以在开发时,还是建议使用autojs传统的控件开发页面(图二)。经过测试后,猜测可能是文件权限,有懂的大佬,可以在评论里面讲解一下。

image.png image.png

三、autox应用程序打包

1、进入项目文件,点击安卓图标打包应用。

2、打包配置中选择启动界面图标,选择程序中所需权限,选择完成后点击右下角打包。

3、弹出打包成功弹框,按照正常app安装即可。

4、返回上一页,点击build文件,文件中demo.apk即是打包的应用程序。

image.png e63e3ce72805d9cd1a2f415086855e4b.jpg image.png image.png