设备控制UI业务包支持面板调试
Posted: 2024年 Oct 29日 19:14
在先前的开发者体系中内，对于有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));