跨境派

跨境派

跨境派,专注跨境行业新闻资讯、跨境电商知识分享!

当前位置:首页 > 工具系统 > 选词工具 > Autox.js 脚本开发环境搭建,从案例到打包apk(详细流程)

Autox.js 脚本开发环境搭建,从案例到打包apk(详细流程)

时间:2024-04-26 17:55:36 来源:网络cs 作者:峨乐 栏目:选词工具 阅读:

标签: 打包  流程  详细  脚本  环境 

一、简介

再三考虑,Autox.js 是基于 Auto.js 4.1.1 持续维护的,所以打算直接搭建 Autox.js 环境。

二、搭建

1、安装 VSCode。
2、安装 autox.js 插件。

如果之前有使用 auto.js 的插件,需要移除,以免影响 autox.js 插件的使用。

auto.js、autox.js 代码提示补全插件安装

搜索 Auto.js-Autox.js-VSCodeExt 插件并安装。

安装后,按 ctrl + shift + pcommand + shift + p,输入 auto.js,选择开启服务,也就是启动后会以本机的 IPv4 地址作为 auto.js 服务器的地址,等下安装 autox.js App 后在里面连接电脑作为服务器,方便测试开发中的脚本。

image.png

开启后,右下角会弹出服务启动成功,及服务 IP 地址,等下需要填到 Autox.js App 中,只需要前面的 IP 不需要带端口号。但是有的是不显示服务 IP 地址的,只会提示开启成功。

image.png

3、查看电脑 IPv4 地址(IP 地址)

3 步属于可选,如果上面启动服务后,知道服务 IP 地址了,可以跳过查看 IP 地址。

如果启动服务没有提示服务 IP 地址,则需要手动查看,打开命令行(Winodwswin + R 输入 cmd 打开)

$ ifconfigether c4:35:d9:8c:b9:3c # 搜索 inet,inet 后面的就是 IPv4 地址,注意不是 127.0.0.1 的那个。# 或者可以通过电脑网络设置查看电脑 IP 地址也可以。# 将 IP 10.0.88.85 保持好,等下需要用来连接电脑...inet6 fe80::88d:5a17:cff9:3cd0%en0 prefixlen 64 secured scopeid 0xc inet 10.0.88.85 netmask 0xfffffc00 broadcast 10.0.91.255nd6 options=201<PERFORMNUD,DAD>...
4、手机安装 Autox.js app。

也可以先安装下面的 Scrcpy 投屏软件,可以直接丢 apk 进去就能安装应用,看自己习惯。

如果不知道下那个 CPU 类型的包,附 adb 查看安卓手机 CPU 类型(armeabi、armeabi-v7a、arm64-v8a …)。

安装好 APP 后,打开 APP,打开左侧菜单,完成以下操作:

1、开启无障碍服务,根据弹出的提示完成启用。

2、开启悬浮窗,便于开发调试。

image.png

3、稳定模式,此选项开启后开发的脚本可以适配更多的手机,如果只是针对某种特定的机型的话,可以不打开启此选项。

注意:模拟器的安卓系统必须在 7.0 以上,才能保证代码示例正常运行。如果当前系统在 7.0 以下,请使用多开模拟器添加一个 7.0 以上的系统。

菜单中 连接服务器,也就是连接电脑调试脚本,点击打开,需要填入电脑的 IP 地址,点击连接即可。

如何确定连接成功,可以通过 VSCode 安装的插件辅助识别,只要启动了服务,连接成功或断开连接都会提示:

image.png

连接失败 APP 中也会报错,连接成功不会报错:

image.png

5、测试脚本

随便创建一个文件夹 test,在里面创建一个 demo.js,并使用 VSCode 打开。

// 测试代码,注意代码习惯,每行代码需要分号结尾 ; 要不可能会报错:// missing ; before statement ([remote]extension-output-aaroncheng.auto-js-vsce-fixed-#4-Device vivo vivo X21(tcp: 10.0.90.js#1) // missing ; before statementtoast("dzm 测试 autox.js 脚本");

然后按 ctrl + shift + pcommand + shift + p,输入 auto.js run,选择运行脚本。

image.png

手机上就输出效果了。

image.png

6、将 demo.js 脚本打包成 apk

ctrl + shift + pcommand + shift + p,输入 auto.js save,选择保存到所有设备,这样脚本就被保持到连接的设备中了,保存后需要在 APP 中下拉刷新才能看到保持的脚本。

image.png

image.png

image.png

点击三个点,再点击更多,点击打包应用,可以选择打包配置,打包成功后下拉刷新,安装或导出 apk 都行。

image.png

image.png

如果没有 UI,会是这样的展示界面,也可以通过 配置隐藏日志页

image.png

如果有 UI,就是正常的 APP 界面

"ui";ui.layout(    <vertical>        <button text="第一个按钮"/>        <button text="第二个按钮"/>    </vertical>);

image.png

打包扩展知识点:在进入打包页面后,退出时,会提示保存退出保持为项目退出直接退出等,只要点了保持相关的,返回下拉刷新就能看到,然后可以保持的内容进去直接通过保存的内容打包,或者修改项目配置后打包。

7、电脑安装投屏软件 Scrcpy

启动后的效果

image.png

本文链接:https://www.kjpai.cn/news/2024-04-26/162626.html,文章来源:网络cs,作者:峨乐,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

文章评论