Last Updated on : 2024-06-24 04:11:11download
You can integrate the device pairing feature into your WeChat mini program as a plug-in without additional development. You can also configure a group of theme colors with this plug-in. You only need to pass in parameters to integrate device pairing into your WeChat mini program.
Currently, the pairing plug-in supports Bluetooth 2.0 and later, hotspot pairing (access point or AP pairing) with Wi-Fi devices that blink slowly, pairing with QR code, and wireless pairing with Zigbee devices.
Overview of pairing:
Follow the instructions in Plug-In to create an IoT WeChat mini program and request permissions to use the Pairing plug-in.
Add plug-in settings to app.json
of your project.
plugins: {
'tuya-ap-plugin': {
version: '4.4.4', // The firmware version. The latest one is recommended.
provider: 'wxd2aa51ffacc3ff86', // The appid of the plug-in. No need to modify the value.
},
},
Use the development preview code to debug hotspot pairing with a real device.
Add the JavaScript code block for navigation to the plug-in:
Hotspot pairing: The plug-in page guides users to finish pairing through four steps.
wx.navigateTo({
url: `plugin://tuya-ap-plugin/step1?clientId=${clientId}&gid=${homeId}&ticket=${ticket}&self_env=inner`,
});
Pairing with QR code: Open the plug-in page and scan a QR code to start pairing.
wx.navigateTo({
url: `plugin://tuya-ap-plugin/virtual?clientId=${clientId}&ticket=${ticket}&gid=${homeId}&self_env=inner`,
});
Pairing by auto discovery: Open the plug-in page and start pairing with Bluetooth devices, Zigbee gateways, and respective sub-devices.
wx.navigateTo({
url: `plugin://tuya-ap-plugin/auto?clientId=${clientId}&ticket=${ticket}&gid=${homeId}&self_env=inner`,
});
The navigation path includes the following parameters:
Parameter name | Type | Required | Pairing method | Description |
---|---|---|---|---|
clientId | String | Yes | Hotspot pairing, pairing with QR code, and pairing by auto discovery | The third-party unique identifier. It matches the value of AccessID for the WeChat Mini Program SDK on the Tuya Developer Platform. |
ticket | String | Yes | Hotspot pairing, pairing with QR code, and pairing by auto discovery | The pairing token. For more information about how to get the token, see User Management. |
gid | String | Yes | Pairing with QR code and by auto discovery | The home ID. A device must be bound with a home. For more information about how to get the home ID, see Home Management (currently in Chinese only). |
duration | String | No | Pairing with QR code | The maximum testing duration for pairing. Unit: ms. Default value: 6000 . |
uiMode | String | No | Hotspot pairing and pairing by auto discovery | Configure theme colors |
wifiName | String | No | Hotspot pairing | If the Wi-Fi name is modified in hotspot pairing mode, pass in the new Wi-Fi name in this parameter. Default value: SmartLife . |
wifiRecommed | String | No | Hotspot pairing | To customize a pairing instruction, pass in the URL of the instruction image. Otherwise, use the default image (image size: 303 pixels in width and 228 pixels in height). |
textArray | JSON.stringify(Array |
No | Hotspot pairing | The description of the pairing instruction. Example: [1. Power off the device, wait for 10 seconds, and then power on the device again. 2. Find the Reset button and press and hold it until the indicator starts to blink slowly. 3. Check whether the list of Wi-Fi networks includes a Wi-Fi name starting with SmartLife.] |
Example
const plugin = requirePlugin(‘tuya-ap-plugin’)
const res = plugin.getNetworkConnect()
Return parameters
Parameter name | Type | Description |
---|---|---|
success | boolean | Indicates whether the device is paired successfully. |
deviceInfo | String | The device ID. |
uid | String | The user ID. |
Example
const plugin = requirePlugin(‘tuya-ap-plugin’)
const res = plugin.getVirtualConnect()
Return parameters
Parameter name | Type | Description |
---|---|---|
success | boolean | Indicates whether the device is paired successfully. |
deviceInfo | String | The device ID. |
uid | String | The user ID. |
The plug-in supports 13 built-in theme colors. You can set the parameter uiMode
to switch between theme colors. Default value: orange
.
After reading the documents, if you still have questions and require technical support, or if you have suggestions on, complaints about, requirements for WeChat mini program development, submit a ticket or request customer services to get support.
Is this page helpful?
YesFeedbackIs this page helpful?
YesFeedback