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 + p 或 command + shift + p，输入 auto.js，选择开启服务，也就是启动后会以本机的 IPv4 地址作为 auto.js 服务器的地址，等下安装 autox.js App 后在里面连接电脑作为服务器，方便测试开发中的脚本。

  

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

  

3、查看电脑 IPv4 地址（IP 地址）

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

• 如果启动服务没有提示服务 IP 地址，则需要手动查看，打开命令行（Winodws 按 win + 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>
  ...
  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12

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 打开。

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

• 然后按 ctrl + shift + p 或 command + shift + p，输入 auto.js run，选择运行脚本。

  

  手机上就输出效果了。

  

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

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

  

  

  

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

  

  

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

  

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

  "ui";
  ui.layout(
      <vertical>
          <button text="第一个按钮"/>
          <button text="第二个按钮"/>
      </vertical>
  );
  1
  2
  3
  4
  5
  6
  7

  

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

7、电脑安装投屏软件 Scrcpy

• 启动后的效果