快应用安卓机进行真机调试(详细流程)

2,216 阅读2分钟
  • 附带自用框架:

    自行优化封装了 NavBarTabBarRefreshSwiperLoadingPageSystem.js .... 常用的 UI 组件与公共 JS 方法,开箱即用,注释多,系统自带的组件都是半成品,GitHub:DZMQAppBaseProject

    Untitled.gif

  • 在开发快应用时,需要进行真机调试,因为在模拟器上很多效果都不正确,所以需要以真机为主。

  • 快应用调试器、快应用预览版 下载地址,这两个测试手机上都要有,快应用调试器 是用来下载 rpk 的,然后会调起 快应用预览版 进行预览。

  • 通过测试,分享几种真机联调方式:

    • 扫二维码调试(推荐)

      需要手机上安装 快应用调试器快应用预览版,然后到项目中安装 $ npm install -g hap-toolkit,安装好后,运行命令 $ npm run server,窗口不要关闭,就会获得一个 rpk 二维码,打开 快应用调试器 进行扫码安装就进行真机预览了,如果项目中有更新调整代码,不需要重新扫码,会直接热更新到手机上,如果没有进行热更新,只需要点击 快应用调试器 中的 在线更新,则会重新拉取最新的代码进行预览,不需要 USB 连接。

    • 远程预览

      需要申请开发证书,在开发平台中申请权限才能使用。

    • USB调试

      需要手机上安装 快应用调试器快应用预览版,在手机连接电脑,并开启手机的 开发者模式,在开发者菜单中开启 USB调试,在手机上弹出的 USB 窗口中选择 支持文件传输,然后看模拟器上的小手机是否变成 绿色,表示连接成功,然后点 USB 调试则可以进行真机联调,点击 USB 调试 之后,看调试器中的 输出 菜单可以看到执行情况,会稍微要等待一下。

      image.png

    • 手动打包本地导入调试

      前面步骤同 USB调试步骤,然后点击顶部菜单中的 打包 按钮,测试的话选择测试包,然后再弹出的窗口中选择打开 rpk 文件位置,通过 USBrpk 放到一个文件夹中,或新建一个 qapp 的文件夹在手机中,专门用来存放 rpk 测试包,然后打开 快应用调试器 选择本地安装,选择文件夹中的 rpk 则会进行预览。

      window 可以手机直接连接电脑丢到文件夹中,mac 可以电脑安装 Android File Transfer,然后手机连接电脑,然后跟 windows 一样。