小程序开发


小程序开发

我们提供多种途径支持开发者从小程序端接入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 产品模块进行面板的低代码开发

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云APIopen in new window

上次编辑于: 2022/12/17 07:45:59
Loading...