真机预览与调试

小程序 IDE 支持真机预览与调试,您可在手机客户端上预览当前代码的实际效果或进行调试。本文对真机预览与调试的操作步骤,以及过程中使用的接口进行了说明。

前置条件

使用小程序 IDE 真机预览与调试功能之前,请确保您的 Android 小程序已接入真机预览与调试功能。具体接入方法请参考 Android 小程序接入真机预览与调试

操作步骤

  1. 单击 IDE 右上方的 预览真机调试

    1. IDE 会将当前代码生成 .zip 包并上传至控制台。

    2. 控制台自动创建发布任务,生成二维码并返回至 IDE。

      说明

      未正确设置白名单可能会导致二维码构建和生成失败。更多信息请参见 白名单设置

  2. 使用手机客户端扫描 IDE 中显示的二维码。扫码之后,会触发控制台下发小程序包。

    二维码有效期为 15 分钟,超时后会显示 刷新 按钮。

  3. 待手机客户端收到小程序包后,即可在手机端进入预览或调试界面。

接口说明

下文对真机预览与调试操作过程中使用的接口以及参数进行了说明,并提供了对应的代码示例。

MriverDebug.debugAppByScan(Activity activity)

该接口用于预览与调试。

代码示例

MriverDebug.debugAppByScan(MainActivity.this);

参数说明

名称

类型

描述

必填

activity

Activity

所在的 Activity。

MriverDebug.debugAppByScan(Activtiy activity,Bundle bundle)

该接口用于跳转到小程序,推荐跳转到启动小程序所在页面的 activity。

代码示例

Bundle param = new Bundle();
MriverDebug.debugAppByScan(activity, param);

参数说明

名称

类型

描述

必填

activity

Activity

所在的 Activity。

否 (推荐填写)

bundle

Bundle

参数。

阿里云首页 移动开发平台 mPaaS 相关技术圈