小程序开发

我们提供多种途径支持开发者从小程序端接入Ticos平台。

小程序SDK

安装

npm i ticos-sdk-for-miniprogram

SDK使用示例代码

// 初始化
import { iotEventType, TicosIotSdk, IDevice } from 'ticos-sdk-for-miniprogram';

const sdk = new TicosIotSdk({
  getToken,
});

sdk.init();

// 获取绑定设备列表
const { deviceList } = await sdk.cloudApi.getDeviceList();

// 绑定设备
await sdk.cloudApi.bindDevice({ productId: 'pro001', deviceId: 'device001' })
// 解绑设备
await ticosSdk.cloudApi.unbindDevice({ productId: 'pro001', deviceId: 'device001' })

// 监听设备, 通过设备ID监听
sdk.subscribe(['device001', 'device002']);
sdk.onMessage(iotEventType.TICOS_IOT_EVENT_PROPERTY, (message) => {
    console.log('*********device property change', message);
  })
sdk.onStatus((message) => {
    console.log('*********device status change ', message);
  })

低代码接入

低代码版本H5页面目前仅支持设备控制面板， 您可在Ticos Ops 产品模块进行面板的低代码开发

1. 选择产品后进入面板开发
2. 左侧区域是根据产品物模型生成的页面组件， 中间是面板区域，右侧是组件设置区域。
3. 将左侧组件拖至面板内部，选择面板上该组件，然后在右侧区域可以调整该组件的显示属性。
4. 开发完成后点击右上角保存按钮，然后就可以在微信小程序内部通过webview引入，可以参考下面的引入示例代码。

小程序引入代码示例

	<web-view src="https://product.ticos.cn/page/info?token=${token}&device=${JSON.stringify(
	{
		aliasName: "增氧机",
		deviceId: "DEV102669UuKYXrTpvh",
		deviceName: "5C7MED0XQ5/DEV102669UuKYXrTpvh",
		iconUrl: "https://tisvc-release-1305049745.cos.ap-shanghai.myqcloud.com/31e9da0b5a5a361340f5de06d16fe9f9.png",
		name: "inflator2",
		online: false,
		productId: "5C7MED0XQ5",

	}
	)}"
	>
	</web-view>

参数

• token：用户 token，必填
• device：设备属性，

接口接入

接口和使用说明请参考 Ticos云API