调用 H5 SDK 能力

window.h5PanelSdk;

// webpack.config.js
module.exports = {
  externals: {
    'qcloud-iotexplorer-h5-panel-sdk': 'h5PanelSdk',
  },
};

console.log(sdk.deviceId);

const action = 'AppGetDeviceStatuses'; // 请求应用端 API 的 Action 名
const params = { // 请求应用端 API 的参数
  DeviceIds: [sdk.deviceId]
};
sdk.requestTokenApi(action, params).then(data = >  {
  // 请求成功
  console.log(data);
}).catch(err = >  {
  // 请求失败
  console.error(err);
});


// 指定要控制的设备的属性数据
const deviceData = {
  light_switch: 0
};

// 控制 H5 面板当前设备
sdk.controlDeviceData(deviceData).then(data = >  {
  // 请求成功
  console.log(data);
}).catch(err = >  {
  // 请求失败
  console.error(err);
});

// 控制指定设备
const deviceId = '要控制的设备 ID';
sdk.controlDeviceData(deviceData, deviceId).then(data = >  {
  // 请求成功
  console.log(data);
}).catch(err = >  {
  // 请求失败
  console.error(err);
});


// 对当前设备进行固件升级
sdk.goFirmwareUpgradePage();

// 对指定设备进行固件升级
sdk.goFirmwareUpgradePage({
  deviceId: '要进行固件升级的设备 ID'
});


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

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

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


sdk.goDeviceDetailPage();

sdk.showDeviceDetail({
  labelWidth: 120, // 设备详情的label宽度
  marginTop: 8, // 设备详情的上间距
  shareParams: { // 设备分享时设置自定义分享参数
    a: 'a',
    b: 'b',
  },
  extendItems: [
    {
      labelIcon: 'https://main.qcloudimg.com/raw/be1d876d55ec2479d384e17c94****e69.svg',
      label: '自定义菜单',
      content: '自定义菜单内容（可选）',
      onClick: () = >  console.log('点击自定义菜单'),
    },
  ],
  extendButtons: [
    {
      text: '自定义按钮',
      type: 'warning',
      onClick: () = >  console.log('点击自定义按钮'),
    },
    {
      text: '自定义按钮2',
      type: 'primary',
      onClick: () = >  console.log('点击自定义按钮2'),
    },
    {
      text: '获取自定义分享参数',
      onClick: async () = >  {
        const shareParams = await sdk.getShareParams();
        console.log('自定义分享参数: ', shareParams);
      }
    },
    {
      text: '关闭设备详情',
      type: '',
      onClick: () = >  sdk.hideDeviceDetail(),
    },
  ],
});

// 监听 H5 页面切前台
sdk.on('pageShow', () = >  {
  console.log('on pageShow');
});

// 监听 H5 页面切后台
sdk.on('pageHide', () = >  {
  console.log('on pageHide');
});

// 监听小程序切前台
sdk.on('appShow', () = >  {
  console.log('on appShow');
});

// 监听小程序切后台
sdk.on('appHide', () = >  {
  console.log('on appHide');
});

// H5 页面切前台时，刷新页面标题的设备名称
sdk.on('pageShow', async () = >  {
  const deviceInfo = await sdk.getDeviceInfo();

  // 设备展示名称
  const deviceDisplayName = deviceInfo.AliasName || sdk.productInfo.Name;
  // 更新页面标题
  window.document.title = deviceDisplayName;
});