在先前的开发者体系中内,对于有RN面板开发需求的开发者可以通过两种方式进行调试:
- 通过OEM APP构建Debug包后,使用调试工具内的ReactNative Debug功能进行连接调试。
- 安装专门的涂鸦调试APP, 扫码设置相关网络配置后调试(https://developer.tuya.com/cn/docs/iot/ ... ht64g88du2)
对基于设备控制UI业务包的开发者,主动新增插件后,就无法在自身的APP内进行调试,针对此类情况,在最新的5.17.x业务包上支持面板调试功能。
iOS:
调整podfile
Code: Select all
pod 'ThingRNPanelTool', :configurations => ["Debug", "Debug-Simulator"]
### 正式环境请勿上线组件 ###
### 需查看React详细调试日志或性能 ###
# cocoapods限制,需手工指定当前最新版本
# pod 'ThingSmartPanelBizBundle', '5.1x.xx.x'
# 替换Debug React库 载`https://images.tuyacn.com/rnpanel/React.podspec.json` 调整version和当前Podfile.lock React版本一致
# pod 'React', :podspec => './locaPath/React.podspec.json'
执行pod update
成功后,通过 配网页 扫码功能打开配置
或直接通过路由打开
Code: Select all
#import <ThingModuleManager/ThingModule.h>
static NSString *const debugConfig = @"openRNDebugConfig";
[ThingModule.routeService openRoute:debugConfig withParams:nil];
- 单击顶部的滑块,开启 RN 调试功能。
- 配置调试信息。
产品 ID :调试产品的 PID。请在 涂鸦开发者平台的 产品详情 页面查看产品的 PID 信息。
调试 IP 地址:调试设备所连接网络的 IP 地址。
调试端口:调整设备端口号,默认为 8081。
Bundle 名称:本地 Bundle 的名称,默认为 index.ios.bundle
Android
先添加依赖
Code: Select all
implementation "com.thingclips.android.debugtool:thing_panel_tool:1.0.0"
然后可以通过主动打开调试设置页面, 来进行相关的调试功能开启和配置
Code: Select all
startActivity(new Intent(this, ThingRCTPanelDebugActivity.class));