帮你快速理解、总结文档立即下载

小程序

最近更新时间:2026-09-20 16:47:02
我的收藏
本文将介绍如何在小程序平台集成腾讯云物联网(IoT)应用端 SDK 并完成登录,包括工程配置、插件引入、登录签名计算与登录调用等,并通过拉取家庭列表验证接入是否成功。设备绑定、设备分享、远程控制等能力在登录完成后按需接入,参见本文 下一步 章节。

前提条件

开通服务

请先按照 开通服务 文档,完成服务开通和应用创建,并获取以下信息:
AppKey:登录必需。
AppSecret:登录必需,用于计算登录签名。
ProductId:接入设备绑定、物模型等能力时使用,本文不涉及。
DeviceName:接入设备绑定、物模型等能力时使用,本文不涉及。

环境准备

一部 iPhone 或 Android 真机,安装并登录微信。模拟器不支持原生组件(即 <live-pusher> 和 <live-player> 标签),需要在真机上进行运行体验。
申请小程序 AppID。由于小程序测试号不具备 <live-pusher> 和 <live-player> 的使用权限,需要申请常规小程序账号进行开发。
申请 live-pusher、live-player 和双人音视频对话权限。该权限仅接入实时监控、视频通话能力时需要,仅完成本文的登录接入可跳过。

创建项目

参考以下步骤创建一个新的小程序项目。如果已有项目,可跳过本节。
1. 打开微信开发者工具,单击 +(新建项目)。
2. 项目类型选择小程序,填写项目名称与本地目录。
3. AppID 填写前提条件中申请的常规小程序 AppID(小程序测试号不具备 <live-pusher> 和 <live-player> 的使用权限)。
4. 后端服务选择不使用云服务,模板选择 JS-基础模板,单击确定完成创建。

集成插件

1. 在小程序根目录的 app.json 中添加腾讯云物联网插件声明:
{
"plugins": {
"tx-iot-sdk": {
"version": "latest",
"provider": "wx5201edc27c631209"
}
}
}
2. 保存后重新编译工程,插件即集成到小程序中。versionlatest 时会自动使用插件的最新版本,正式项目建议固定为具体版本号,避免插件升级引入非预期变更。
3. 在需要使用 SDK 的页面或逻辑文件中,通过 requirePlugin 引入插件导出的接口:
const { TXIoTEngine, TXIoTUserSignature } = requirePlugin('tx-iot-sdk');

接入步骤

步骤 1:获取 SDK 实例

调用 TXIoTEngine.getInstance 获取 SDK 实例,注册登录、签名过期和设备状态推送监听。
const engine = await TXIoTEngine.getInstance();
engine.addListener({
onLoginSuccess() {
// 登录成功
},
// 其他回调按需实现
});

步骤 2:计算登录签名

说明:
快速接入阶段可直接在客户端计算签名进行调试。正式上线时请将签名计算逻辑放在业务后台,不要将 AppSecret 保存在客户端。

签名参数

参与签名的参数:
参数
说明
RequestId
唯一请求 ID,建议使用 UUID。
Timestamp
当前 UNIX 秒级时间戳。
Nonce
随机正整数,用于和时间戳一起防重放。
AppKey
开通服务 文档获取的 AppKey。
OpenID
用户标识,需与后续登录的 userId 保持一致。支持数字、字母、下划线,长度不超过32字节。
注意:
OpenID 与 UserID 的关系:签名参数名为 OpenID,SDK 登录接口参数名为 userId,两者是同一个东西,值必须保持一致。

签名计算规则

1. 去掉值为空的参数。
2. 将参数按参数名的字典序升序排列。
3. 将排序后的参数按 Key=Value 格式拼接。
4. 使用 & 连接所有参数,得到签名原文。
5. 使用从 开通服务 文档获取的 AppSecret 对签名原文进行 HMAC-SHA1 签名。
6. 对签名结果进行 Base64 编码,得到最终 Signature

签名计算示例

例如,参与签名的参数如下:
RequestId=8b8d499bbba1ac28b6da21b4
Timestamp=1546315200
Nonce=71087795
AppKey=your_app_key
OpenID=user_001
排序后的签名原文:
AppKey=your_app_key&Nonce=71087795&OpenID=user_001&RequestId=8b8d499bbba1ac28b6da21b4&Timestamp=1546315200
使用 your_app_secret 作为 AppSecret 对上述原文计算,期望得到的签名为 aSLzd4Ett7RsiLhrYht6Yk9+0qY=,可用于自验签名实现是否正确。
参考以下示例计算签名。客户端调试示例基于 js-sha1 库(需通过 npm 安装并在微信开发者工具中执行「构建 npm」);正式上线时签名在业务后台计算,参考服务端示例:
客户端(小程序)
import { sha1 } from 'js-sha1';

function generateSignature(
appSecret: string,
requestId: string,
timestamp: number,
nonce: number,
appKey: string,
openId: string,
): string {
const params: Record<string, string> = {
RequestId: requestId,
Timestamp: String(timestamp),
Nonce: String(nonce),
AppKey: appKey,
OpenID: openId,
};
// 去掉值为空的参数,按参数名的字典序升序排列,使用 & 连接
const source = Object.keys(params)
.filter((key) => params[key] !== undefined && params[key] !== '')
.sort()
.map((key) => `${key}=${params[key]}`)
.join('&');
// 使用 AppSecret 对签名原文进行 HMAC-SHA1 签名
const buffer = sha1.hmac.arrayBuffer(appSecret, source);
// 对签名结果进行 Base64 编码
return wx.arrayBufferToBase64(buffer);
}

const signature = generateSignature(
'your_app_secret',
'8b8d499bbba1ac28b6da21b4',
1546315200,
71087795,
'your_app_key',
'user_001',
);
console.log(signature); // aSLzd4Ett7RsiLhrYht6Yk9+0qY=

步骤 3:登录 SDK

调用 TXIoTEngine.login 登录 SDK,传入上一步计算得到的签名参数。

参数说明

参数
类型
说明
appKey
String
开通服务 文档获取的 AppKey。
userId
String
用户标识,支持数字、字母、下划线,长度不超过32字节。
首次使用会自动注册,已注册则登录原有账号,该账号下的设备绑定关系仍然保留。需与签名参数 OpenID 保持一致。
userSignature.requestId
String
对应签名参数 RequestId
userSignature.timestamp
Number
对应签名参数 Timestamp
userSignature.nonce
Number
对应签名参数 Nonce
userSignature.signature
String
签名计算结果。
const userSignature = new TXIoTUserSignature();
userSignature.requestId = requestId; // 对应签名参数 RequestId
userSignature.timestamp = timestamp; // 对应签名参数 Timestamp(秒级)
userSignature.nonce = nonce; // 对应签名参数 Nonce
userSignature.signature = signature; // 上一步计算得到的签名

engine.login(appKey, userId, userSignature);

步骤 4:验证登录结果

登录成功后,调用 getFamilyManager 获取家庭管理实例并拉取家庭列表,以此验证登录态与网络链路是否正常。返回的 familyId 是后续绑定设备、查询设备列表的必备参数,请妥善保存。
const familyManager = engine.getFamilyManager();
if (!familyManager) {
// SDK 未登录或登录态已失效
return;
}

try {
let familyList = await familyManager.getFamilyList();
if (familyList.length === 0) {
// 当前账号下没有家庭,先创建一个
const familyInfo = await familyManager.createFamily('我的家庭');
familyList = [familyInfo];
}
// familyList: TXIoTFamilyInfo[]
// 选择一个家庭,记录 familyId
const familyId = familyList[0].familyId;
} catch (err) {
// err: { code, message }
console.error('获取家庭信息失败:', err.code, err.message);
}

常见问题

为什么 getFamilyManagergetDeviceManager 返回 null

SDK 尚未登录或登录态已失效。请先调用 TXIoTEngine.login,并在收到 onLoginSuccess 后再获取对应 Manager。

登录签名过期后如何处理?

当收到 onUserSignatureExpired 回调时,请重新计算登录签名,然后再次调用 TXIoTEngine.login

登录失败或提示签名错误如何排查?

请按以下顺序逐项核对:
1. AppKeyAppSecret 是否来自同一个应用且配对正确。
2. 签名参数 OpenID 与登录接口的 userId 是否完全一致。
3. Timestamp 是否为 UNIX 秒级时间戳(非毫秒),且与当前时间偏差在允许范围内。
4. 参与签名的参数是否已去掉空值、并按参数名字典序升序排列后以 & 连接。
5. 签名算法是否为 HMAC-SHA1,且签名结果经过 Base64 编码。
可使用 签名计算示例 中给出的期望输出(aSLzd4Ett7RsiLhrYht6Yk9+0qY=)自验签名实现是否正确。

调用 requirePlugin 报错或提示插件不存在?

确认 app.json 中已正确声明 plugins(插件名 tx-iotproviderwx5201edc27c631209),保存后重新编译工程。
确认使用的是常规小程序 AppID,小程序测试号不支持插件能力。

下一步

完成基础接入后,您还可以继续接入以下能力: