使用更现代的方式 开发 Auto.js 项目, 提升开发效率
支持使用 Web 框架开发界面 ( WebView )
你可以用这个项目开发
-
传统 auto.js 程序: 使用 无障碍 操作其他 App -
普通 App: 表单的增删改查, 数据处理与展示, SQLite 存储数据- 无需安装复杂的 Android 开发环境, 轻松打包出自己的 App
-
复刻一个服务程序, 用于连接 Autox, 支持 自动编译与运行
-
将所有模块编译为一个文件 ( 由 rollup 支持)
-
支持 TypeScript 编写代码
-
语法支持 ES6+ , 打包会编译为 ES5 (
编译与垫片由 babel 支持)- Rhino 对 ES5 支持还是不错的
- 可以使用 npm 包 ( 比如: lodash-es ) ( 前提是 autox 的环境支持包中的代码 )
-
混淆变量名与方法名 ( 由 terser 支持)
- 自动识别 UI 中使用到的变量, 跳过该变量的混淆 (由 babel 支持)
-
把 js 转为 dex , 并将字符串加密
- Github: Autojs_Rhino_Dex
-
使用 Web 写界面
- 默认是 React.js
- 你可以很轻松的修改为 vite 支持的其他框架
- 比如 vanilla vue solid preact svelte lit qwik
-
使用 auto.js 原生 UI 写界面 ( 在另一个分支
aj-native-ui)
版本号 随便搞,只要不报错就行
node.js v23.7.0
包管理器推荐 pnpm 性能好, yarn npm 也可以
克隆项目 并 创建新分支 或 下载压缩包
在根目录执行 pnpm install 安装依赖
执行 pnpm run dev 运行脚本
按 快捷键 执行相应功能
设备连接 指的是使用 App 中的 连接电脑, 输入服务器地址并点击确定 或 扫描二维码
- [1] 自动监听文件改变,重新编译,重新运行
- 设备连接
- [2] 运行项目
- 之后的代码修改 会 自动更新到设备上
- [w] 启动服务
- 设备连接
- [r] 编译代码
- [2] 运行项目
- 修改代码后, 再按 r 2
- 执行
pnpm run build, 等待打包完成 - 执行
pnpm run dev - [a] 启动 aj 服务
- 设备连接
- [e] 保存项目到设备
- 在设备上进入项目, 点击 "机器人" 图标 ( 打包应用 )
编写原生 ui 时 , 最外层需要包裹一个 <> </>
在编译时, 会将 <>和 </> 替换成 模版字符串
示例
ui.layout(
<>
<linear id="container"></linear>
</>
);
for (let i = 0; i < 3; i++) {
let textView = ui.inflate(
<>
<text textColor="#000000" textSize="14sp" />
</>,
ui.container
);
textView.attr("text", "文本控件" + i);
ui.container.addView(textView);
}输出
ui.layout(`<linear id="container"></linear>`);
//其他代码省略编译时会加上
由于 autox 太过于灵活, 比如可以调用 原生 java 类,
所以类型很难写全,
如果有 ts 报错就自己手动在 autox.d.ts 中补充
都是全自动的, 不需要手动改东西
只是介绍原理
开发
启动 Autox-Super-Kit 和 Vite,
Webview 中访问 vite 的地址,
享受 Web 开发的一切功能
打包
build 打包时,
把 js css 等代码 合并到 index.html 中,
资源文件都打包到 assets 文件夹中,
并处理代码中一些 Web 资源路径问题,
最后把所有 web 的文件复制到 autox 输出目录,
将 autox WebView 的加载地址 改为 index.html
src : 前端 web 目录
src-autox : auto.js 目录
project.json : 用于保存打包配置, aj 的配置文件
src-runtime : 前后端通讯的代码
out : 编译后的 web 代码 与 aj 代码 (发送到设备, 然后手动操作打包)
dist : web 项目编译后的输出目录
types : TypeScript 自动补全的定义文件
plugins : vite 插件目录
scripts : nodejs 脚本 ( 开发 与 打包 )
可以先用 vite 创建一个项目, 然后手动把文件复制到这个项目里