This topic describes how to debug the panel of a product.
Prerequisites
- The development environment is built.
- The product is created.
- The project is initialized.
- The host and the mobile phone are connected to the same Wi-Fi network for debugging.
Procedure
-
Debugging in iOS
- Log in to the RN Panel Dev app.
- Click
RN Debug
at the bottom.
- Configure RN debugging parameters.
- Click the switch button at the top to enable the RN debugging function.
- Configure debugging information.
- Product ID: The PID of the product to be debugged. View the PID information on the Smart Products page of the Tuya IoT Platform.
- Debugging IP address: The IP address of the network to which the device for debugging is connected.
- Debugging port: Adjust the port number of the device. The port number is 8081 by default.
- Bundle name: The name of the local Bundle. The name is
index.ios.bundle
by default.
- Go back to the homepage of the RN Panel Dev app and click to select a panel.
- Shake the mobile phone, select Reload in the dialog box, and then load the local resource package.
- (Optional) You can view the debugging log and enable Hot Reloadingby shaking the mobile phone.
-
Debugging in Android
- Scan the QR code of the RN Panel Dev app to install the RN Panel Dev app.
- Configure the debugging tool.
- Find and log in to com.ty.panel.dev application.
com.ty.panel.dev is installed at the same time when the RN Panel Dev app is installed.
- Enter the IP address of the host and tap Confirm.
- Tap Enable RN debugging mode to start debugging.

- Debug the panel.
- Register and log in to the RN Panel Dev app.
- Scan the QR code of the created product panel to add a virtual device. For more information about getting the QR code of a virtual device, see Select the device panel.
- In the RN Panel Dev app, log in to the specified panel interface.
- Shake the mobile phone, select Reload in the dialog box, and then load the local resource package.

- (Optional) You can view the debugging log and enable Hot Reloadingby shaking the mobile phone.
Operation result
The following figure shows the successful panel debugging based on examples/basic.
