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

小程序

最近更新时间:2026-09-17 18:11:32
我的收藏
本文将为您介绍如何快速跑通小程序 Demo。跟随本文档,您可以快速跑通 Demo,并最终体验一个包含完备 UI 界面的物联网 App。


前提条件

环境准备

在开始之前,请确保您已满足下列要求:
安装微信开发者工具。
一部 iPhone 或安卓真机,安装并登录微信。模拟器不支持原生组件(即 <live-pusher> 和 <live-player> 标签),需要在真机上进行运行体验。
申请小程序 AppID. 并且申请 live-pusher, live-player 和双人音视频对话权限。


开通服务

请参见 开通服务,创建应用并获取 App Key 和 App Secret,在后续登录步骤中会用到。

并参见 开通服务,创建设备获取设备的 ProductId、DeviceName,在后续绑定设备步骤中会用到。


下载 Demo

1. 从 GitHub 下载 IoT App Demo 源码,或者直接在命令行运行以下命令:
git clone https://github.com/Tencent-RTC/Tencent_IoT_App.git
2. 通过微信开发者工具打开 Tencent_IoT_App/miniprogram 目录


跑通 Demo

按照 开通服务,创建设备和应用,通过微信开发者工具运行 App, 将设备绑定到 App。

步骤1:运行 Demo

修改 project.config.json 中的 appid, 改为自己申请的小程序 AppID。
说明:
模拟器不支持原生组件(即 <live-pusher> 和 <live-player> 标签),需要在真机上进行运行体验。

步骤2:登录和注册

Demo 启动后,在 UserId 输入框中输入自定义 ID,并在 AppKey、AppSecret 输入框中输入从 开通服务 获取的对应信息。
登录用户:tony
默认无设备


提示:
建议您尽量避免将您的 UserId 设置成 “1”、“123”、“111” 等简单字符串,在多人协作开发时,此类 UserId 容易被同事占用导致登录失败,建议在调试时设置辨识度高的 UserId。

步骤3:绑定设备

绑定设备时需要设备绑定签名(DeviceSignature),通过 API Explorer 在线调试获取。
打开 GenSingleDeviceSignatureOfPublic 接口,填入从 开通服务 文档获取的 ProductId、DeviceName(Expire 为签名过期时间,按需填写即可,例如设置为当前时间 24 小时后),单击发送请求,从返回结果的 Response.DeviceSignature 中获取签名值。
将获取到的签名值,填写到 “添加设备” 页面的签名输入框,然后单击添加设备


步骤4:通过物模型操作设备属性

device.ts 文件中添加您的产品 ID,Demo 会将该列表中的产品类型当做 “智能吸顶灯”,其他的产品当做安防摄像头。
// Demo 会将该列表中的产品类型当做 “智能吸顶灯”,其他的产品当做安防摄像头
const CEILING_LAMP_PRODUCT_IDS = ['XXXXXXXXXX'];
注意:
若未将 ProductId 加入列表,设备将被识别为安防摄像头。设备详情页与预期不符时,请检查该配置。
在绑定设备后,设备列表中就能看到对应智能吸顶灯设备,单击进去,就能看到智能吸顶灯的操作界面。
接下来还需要参考 设备端的跑通 Demo 文档将设备端的 Demo 跑通,就可以通过 App Demo 操作智能吸顶灯了。
设备列表
智能吸顶灯操作页面




常见问题

绑定设备时提示 “APP 对操作该产品无权限”

创建应用后,还需在应用详情页将应用与产品关联,授权该应用管理该产品下的设备。如下图: