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

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

一、简介

  • 再三考虑,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 后在里面连接电脑作为服务器,方便测试开发中的脚本。

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

3、查看电脑 IPv4 地址(IP 地址)
  • 3 步属于可选,如果上面启动服务后,知道服务 IP 地址了,可以跳过查看 IP 地址。
  • 如果启动服务没有提示服务 IP 地址,则需要手动查看,打开命令行(Winodwswin + R 输入 cmd 打开)
$ ifconfig
ether 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.255
nd6 options=201<PERFORMNUD,DAD>
...
4、手机安装 Autox.js app
  • 也可以先安装下面的 Scrcpy 投屏软件,可以直接丢 apk 进去就能安装应用,看自己习惯。
  • 如果不知道下那个 CPU 类型的包,附 adb 查看安卓手机 CPU 类型(armeabi、armeabi-v7a、arm64-v8a …)
  • 安装好 APP 后,打开 APP,打开左侧菜单,完成以下操作:
    1、开启无障碍服务,根据弹出的提示完成启用。
    2、开启悬浮窗,便于开发调试。

    3、稳定模式,此选项开启后开发的脚本可以适配更多的手机,如果只是针对某种特定的机型的话,可以不打开启此选项。
    注意:模拟器的安卓系统必须在 7.0 以上,才能保证代码示例正常运行。如果当前系统在 7.0 以下,请使用多开模拟器添加一个 7.0 以上的系统。
  • 菜单中 连接服务器,也就是连接电脑调试脚本,点击打开,需要填入电脑的 IP 地址,点击连接即可。
    如何确定连接成功,可以通过 VSCode 安装的插件辅助识别,只要启动了服务,连接成功或断开连接都会提示:

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

5、测试脚本
  • 随便创建一个文件夹 test,在里面创建一个 demo.js,并使用 VSCode 打开。
// 测试代码
toast("dzm 测试 autox.js 脚本")
  • 然后按 ctrl + shift + pcommand + shift + p,输入 auto.js run,选择运行脚本。

    手机上就输出效果了。

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



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


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

  • 如果有 UI,就是正常的 APP 界面
"ui";
ui.layout(
    <vertical>
        <button text="第一个按钮"/>
        <button text="第二个按钮"/>
    </vertical>
);
  • 打包扩展知识点:在进入打包页面后,退出时,会提示保存退出保持为项目退出直接退出等,只要点了保持相关的,返回下拉刷新就能看到,然后可以保持的内容进去直接通过保存的内容打包,或者修改项目配置后打包。
7、电脑安装投屏软件 Scrcpy
  • 启动后的效果

相关文章
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
48 2
JavaScript基础知识-流程控制之while循环
|
3月前
|
数据采集 Web App开发 JavaScript
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
|
28天前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
42 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
2月前
|
Linux Android开发 iOS开发
使用Kivy创建“Hello World”应用并打包成APK
使用Kivy创建“Hello World”应用并打包成APK
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之for循环
这篇文章讲解了JavaScript中的for循环的基础知识,并通过一个实例演示了如何使用for循环来找出所有的三位水仙花数。
46 6
JavaScript基础知识-流程控制之for循环
|
1月前
|
前端开发 JavaScript
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
|
3月前
|
JavaScript 前端开发 UED
Javaweb之javascript的小案例的详细解析
通过上述步骤,我们得到了一个动态更新的实时时钟,这个简单的JavaScript案例展示了定时器的使用方法,并讲解了如何处理日期和时间。这个案例说明了JavaScript在网页中添加动态内容与交互的能力。对于涉足JavaWeb开发的学习者来说,理解和运用这些基础知识非常重要。
41 11
|
3月前
|
JavaScript API 图形学
一个案例带你从零入门Three.js,深度好文!
【8月更文挑战第1天】本教程无需任何Threejs知识!本教程以入门为主,带你快速了解Three.js开发
81 2
一个案例带你从零入门Three.js,深度好文!
|
3月前
|
大数据 数据处理 分布式计算
JSF 逆袭大数据江湖!看前端框架如何挑战数据处理极限?揭秘这场技术与勇气的较量!
【8月更文挑战第31天】在信息爆炸时代,大数据已成为企业和政府决策的关键。JavaServer Faces(JSF)作为标准的 Java Web 框架,如何与大数据技术结合,高效处理大规模数据集?本文探讨大数据的挑战与机遇,介绍 JSF 与 Hadoop、Apache Spark 等技术的融合,展示其实现高效数据存储和处理的潜力,并提供示例代码,助您构建强大的大数据系统。
45 0
|
3月前
|
JavaScript 前端开发 API
解锁前端开发新境界:Vue.js携手Webpack,打造高效构建流程,你的项目值得拥有!
【8月更文挑战第30天】随着前端技术的发展,模块化与组件化趋势愈发显著。Vue.js 以其简洁的 API 和灵活的组件系统,深受开发者喜爱;Webpack 则凭借强大的模块打包能力成为前端工程化的基石。两者结合,不仅简化了组件编写与引用,还通过模块热替换、代码分割等功能大幅提升开发效率。本文将通过具体示例,展示如何利用 Vue.js 和 Webpack 构建高效、有序的前端开发环境。从安装配置到实际应用,逐步解析这一组合的优势所在。
47 0
下一篇
无影云桌面