Ray开发指南——微信小程序设备入网设置流程

设备入网

涂鸦为开发者提供了两种方式开发设备入网功能，一种为直接使用微信小程序插件，一种为使用 SDK API 定制入网逻辑。

使用微信小程序插件(推荐)

1. 要使用小程序插件，需要先申请小程序插件授权，请登录微信小程序后台，进入设置 -> 第三方设置

1. 点击添加插件，输入“涂鸦智能配网”，在搜索结果中选择涂鸦智能配网，申请授权（若已经申请授权，可忽略此步）

1. 授权成功后，开发者即可在项目中调用插件

   由于插件的代码体积比较大，建议对插件进行分包处理

 

分包页面

import React from 'react';
import { View } from '@ray-js/ray';
 
const Index = () => <View></View>;
 
export default Index;

 

在 routes.config.ts 中加入分包配置

export const subPackages: SubPackages = [
  {
    name: 'ap_plugin',
    root: 'pages/plugins/add_device', // 页面路径
    pages: [
      {
        route: '/addDevice',
        path: 'index',
      },
    ],
    // 加入插件
    plugins: {
      'tuya-ap-plugin': {
        version: '4.4.3',
        provider: 'wxd2aa51ffacc3ff86',
      },
    },
  },
];

 

打开入网页面

import { openDistribution } from '@ray-js/wechat';
 
const openDistr = () => {
  openDistribution({
    homeId: 123456,
    themeColor: 'blue', // 主题色
  });
};

 👉 立即免费领取开发资源，进行设备入网配置。