小程序应用端接入手册

最近更新时间:2023-05-23 17:12:45

我的收藏
本文介绍开发者如何基于物联网开发平台小程序 SDK(下称 SDK)构建自主品牌小程序,通过 SDK 使用平台提供用户管理,设备管理等能力。

前提条件

1. 使用 SDK 需要您的运行环境包含 Node.js 以及 npm。
2. 登录 物联网智能视频服务(消费版),进入应用开发
3. 新建应用,创建应用成功后,即可获取系统自动生成的 AppKey 与 AppSecret。




接入 SDK

安装 SDK

1. 在微信小程序目录下,通过 npm 安装 SDK
npm install qcloud-iotexplorer-appdev-sdk
2. 微信开发者工具 的项目界面中,单击界面右上角的详情,选择本地设置,勾选“使用 npm 模块”。n


3. 在微信开发者工具的项目界面中,选择菜单栏的工具 > 构建 npm,构建成功后界面提示完成构建。n
构建 npm



配置小程序服务器域名

小程序 SDK 通过以下域名连接到物联网开发平台。
request 域名:https://iot.cloud.tencent.com
socket 域名:wss://iot.cloud.tencent.com
在接入小程序 SDK 时,需要将上述域名添加到小程序的服务器域名列表中,步骤如下。
1. 登录 小程序后台
2. 选择开发管理 > 开发设置。n


3. 在“服务器域名”页面单击开始配置(若曾经配置过则单击修改),根据页面指引完成身份确认。n


4. 填写服务器信息。n


request 合法域名https://iot.cloud.tencent.com
socket 合法域名wss://iot.cloud.tencent.com
5. 单击保存并提交

接入微信登录

使用物联网开发平台的 微信号注册登录 应用端 API,可以让小程序用户通过微信注册登录到物联网开发平台。出于安全考虑,不建议在小程序端直接调用微信号注册登录 API,请在自建的后端服务调用该 API,以避免密钥的泄露。
小程序接入微信登录需要实现以下流程:
1. 小程序调用 wx.login 获取临时登录凭证 code
2. 小程序将临时登录凭证 code 传递给自建的后端服务。
3. 后端服务调用微信服务端 API auth.code2Session ,通过临时登录凭证 code 获取小程序用户的 OpenID。
4. 后端服务调用物联网开发平台应用端 API 微信号注册登录 ,通过小程序用户的 OpenID 获取 AccessToken。
5. 后端服务将 AccessToken 返回给小程序。
6. 小程序将 AccessToken 传入小程序 SDK 以完成小程序 SDK 的初始化。

示例代码

请按照以下步骤并参考示例代码以实现接入微信登录:
1. AppDevSdk 的构造函数参数中,将 appKey 的值修改为您实际获取的 AppKey。
2. 补充 getAccessToken 函数的实现。在 getAccessToken 函数中,您需要调用自建后端服务的登录接口,传入登录所需的信息,并将获取到的 AccessToken 放入 getAccessToken 函数的返回值。
// app.js
const { AppDevSdk } = require('qcloud-iotexplorer-appdev-sdk');

App({
onLaunch() {
this.sdk = new AppDevSdk({
appKey: '此处填写您的 AppKey',
getAccessToken: () => this.getAccessToken()
});

sdk.init().then(() => {
// SDK 初始化完成
});

},

async getAccessToken() {
// 获取小程序登录凭证 code
const code = await new Promise((resolve, reject) => {
wx.login({
success: (res) => resolve(res.code),
fail: reject
});
});

// 调用开发者自建后端服务,传入 code,获取物联网开发平台的 AccessToken
// 请根据实际情况调整实现
const resp = await new Promise((resolve, reject) => {
wx.request({
url: '开发者自建后端服务的 URL',
method: 'POST',
data: {
code: code,
nickName: '新用户的默认昵称',
avatarUrl: '新用户的默认头像 URL'
},
header: {
'content-type': 'application/json'
},
success(res) {
resolve(res.data);
},
fail(err) {
reject(err);
}
});
});

return {
Token: resp.Token,
ExpireAt: resp.ExpireAt,
};

}
})


使用 SDK

调用应用端 API

应用端 API 是物联网开发平台为了满足智能家居场景,为用户开发自有品牌的小程序或 App 而提供的云端服务,用户无需实现用户管理、设备管理、设备定时、家庭管理等基础能力,可通过调用应用端 API 快速完成移动应用端的开发。关于应用端 API 的更多信息,请参见 应用端 API 简介
SDK 对应用端 API 的调用过程进行了封装,发送请求时会自动带上公共参数 AccessTokenRequestId
以下示例代码以调用 获取用户绑定设备列表 应用端 API 为例。
sdk.requestApi(
'AppGetFamilyDeviceList', // 请求应用端 API 的 Action 名
{ FamilyId: 'default' } // 请求应用端 API 的数据
)
.then(data => {
// 请求成功
console.log(data);
})
.catch(err => {
// 请求失败
console.error(err);
});


控制设备

通过调用 用户控制设备 应用端 API,可以对用户已绑定的设备发起控制操作。
// 指定要控制的设备的属性数据
const deviceData = {
light_switch: 0,
};

sdk.requestApi('AppControlDeviceData', {
ProductId: '要控制的设备的产品 ID',
DeviceName: '要控制的设备的设备名称',
Data: JSON.stringify(deviceData) // 控制报文 JSON
})
.then(data => {
// 请求成功
console.log(data);
})
.catch(err => {
// 请求失败
console.error(err);
});

长连接通信能力

SDK 支持通过 WebSocket 为用户订阅所绑定设备的上报数据以及状态信息,SDK 初始化时默认自动连接 WebSocket 服务端。

通过设备 ID 列表订阅

sdk.subscribeDevices([
'Product1/Device1',
'Product1/Device2',
'Product2/Device3'
]);

通过设备列表订阅

subscribeDevices 函数支持传入设备列表(如 获取用户绑定设备列表 应用端 API 返回的设备列表)以订阅设备信息,要求参数数组中的设备信息包含 DeviceId 字段。
sdk.requestApi('AppGetFamilyDeviceList', { FamilyId: 'default' })
.then(data => {
sdk.subscribeDevices(data.DeviceList);
})
.catch(err => {
// 请求失败
console.error(err);
});

监听设备上报数据及状态信息

调用 SDK 的 监听事件 接口,可以监听 WebSocket 订阅的设备上报数据及状态信息,请参照以下示例代码。
const { EventTypes } = require('qcloud-iotexplorer-appdev-sdk').AppDevSdk.constants;

// 监听设备上报数据推送
sdk.on(EventTypes.WsReport, ({ deviceId, deviceData }) => {
console.log('websocket device report', deviceId, deviceData);
});

// 监听设备在线状态变更推送
sdk.on(EventTypes.WsStatusChange, ({ deviceId, deviceStatus }) => {
console.log('websocket device status change', deviceId, deviceStatus);
});

// 监听设备控制推送
sdk.on(EventTypes.WsControl, ({ deviceId, deviceData }) => {
console.log('websocket device control', deviceId, deviceData);
});

获取用户基本信息

通过读取 SDK 对象上的属性,可以获取用户的基本信息,请参照以下示例代码。
// sdk.isLogin: boolean; 用户是否登录
console.log(sdk.isLogin);

// sdk.userId: string; 用户 ID
console.log(sdk.userId);

// sdk.nickName: string; 用户昵称
console.log(sdk.nickName);

// sdk.userInfo: UserInfo; 用户详细信息
console.log(sdk.userInfo);
console.log(sdk.userInfo.Avatar);

// sdk.getDefaultFamilyId: () => Promise< string >; 获取用户默认的家庭 ID
sdk.getDefaultFamilyId().then(familyId => console.log(familyId));


UserInfo 数据结构说明

属性名
属性描述
类型
Avatar
头像
string
CountryCode
国家代码
string
Email
邮箱
string
NickName
昵称
string
PhoneNumber
电话号码
string
UserID
用户 ID
string

SDK Demo

Demo 项目 GitHub 地址
说明:
未申请过使用物联网智能视频服务(消费版),请先在 物联网智能视频服务(消费版)申请单 登记相关信息,申请产品的使用。
若已与售前架构师对接使用物联网智能视频服务(消费版),请先联系产品经理授权,后方可访问此 Demo 源码
Demo 使用指引:请参见 快速入门