设备控制UI业务包支持面板调试

App开发相关产品技术讨论,包括OEM App、App SDK等话题


Post Reply
naziiiiii
Posts: 4

在先前的开发者体系中内,对于有RN面板开发需求的开发者可以通过两种方式进行调试:

  1. 通过OEM APP构建Debug包后,使用调试工具内的ReactNative Debug功能进行连接调试。
  2. 安装专门的涂鸦调试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成功后,通过 配网页 扫码功能打开配置

Image

或直接通过路由打开

Code: Select all

#import <ThingModuleManager/ThingModule.h>
static NSString *const debugConfig = @"openRNDebugConfig";
[ThingModule.routeService openRoute:debugConfig withParams:nil];
  1. 单击顶部的滑块,开启 RN 调试功能。
  2. 配置调试信息。
    产品 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));

Tags:
Post Reply