# 小程序调试指南

# 小程序调试总体流程

使用Android手机安装“开发版”的萤石互联APP,添加设备(或)虚拟设备,开启本地的小程序RN服务,摇一摇手机打开小程序的调试菜单设置好IP和PORT,点击调试菜单中的Reload,最后点击APP首页中的设备卡片,跳转到小程序详情页面。

小程序开发需要使用专门的开发版萤石互联APP进行调试。目前仅支持Android手机调试,扫描二维码安装 apk 包。 如二维码无法显示,直接点击apk下载链接安装。

# 添加设备

  • 添加虚拟设备:在面板管理页面,使用"开发版“萤石互联APP首页右上角点击”+“,点击扫码二维码,完成虚拟设备添加。 RN调试面板

# 代码调试

萤石互联小程序是基于React Native封装了一套萤石互联的UI及业务组件的SDK,基本的ReactNative代码调试可参考React Native Debug官方文档。本文档只做简单说明。

进入开发版萤石互联APP之后,摇一摇手机会弹出React Native的开发菜单。一般情况,我们最好进入自己的设备小程序后再进行摇一摇,然后执行相关操作。下图为摇一摇弹出的小程序开发菜单。

RN调试面板
  • 第一步:确保手机和电脑连接至同一WI-FI(保证同一局域网即可)
  • 第二步:进入开发版萤石互联 APP 之后,摇一摇手机会弹出React Native的开发菜单
  • 第三步:点击Settings,点击Debug server host & port for device,输入电脑的IP:8081(例如:192.168.1.2:8081),注意符号全为英文半角。
  • 第四步:摇一摇手机会弹出React Native的开发菜单,点击reload,此时手机会去下载电脑上构建的小程序包,完成之后即刻渲染UI。