微信开发者

设备配网 体验超棒

阿绿,你怎么满头大汗?

Image
Image

出门的时候忘记关空调,赶紧跑回家关空调,不然浪费电(费)Image

这太辛苦了!我买的空调支持小程序与设备配网。忘记关空调,在小程序操作就可以轻松解决Image

Image
Image

远程操作太方便了!而且小程序用完即走,省时省力,我也想要这样的小程序Image

赶紧给厂商反馈意见,听说做这个功能还很简单Image

Image

出门太急忘关灯?

到家前想提前开空调?

……

远程控制家居设备能够及时解决不少突发问题,提前安排生活起居,提升生活质量。设备 Wi-Fi 配网 便是远程控制设备的重要前提。没有连接网络的设备就无法与用户通过移动端交互,实现想要的操作。

小程序现已支持 设备 Wi-Fi 配网能力,搭建设备与网络的桥梁,便于用户通过小程序及时连接设备,3 步即可快速开启智能体验。

1、获取 Wi-Fi 信息

设备配网第一步需要找到网络,分别获取家庭及设备的 Wi-Fi 信息:

  • Wi-Fi 名称:通过 wx.getWifiList 获取附近 Wi-Fi 列表信息,获取对应 Wi-Fi 的 SSID

  • Wi-Fi 密码:提供输入框,便于用户自主输入

// 监听获取到 Wi-Fi 列表数据事件wx.onGetWifiList({    success(res) {        // 获取附近 wifi 列表信息,可供用户选择切换 wifi 名称        res.wifiList    }})wx.getWifiList() // 请求获取 Wi-Fi 列表

2、小程序连接设备 Wi-Fi 

具备网络信息后,小程序需要连接设备 Wi-Fi,否则将不具备操控设备的能力。

利用已有的设备 SSID 与 Wi-Fi 密码,开发者通过 wx.connectWifi 将小程序连接到设备 Wi-Fi,实现小程序与设备处于同一个局域网,便于后续数据传输。

// 连接 Wi-Fiwx.connectWifi({    SSID: device_ssid_xxx, // 设备 Wi-Fi 的 SSID    password: device_password // 设备 Wi-Fi 密码})
3. 建立 TCP 通信

完成 1、2 步骤后,设备成功与小程序关联,但是无法上网,因此开发者需要进行 TCP 通信,让小程序将家庭 Wi-Fi 名称和密码传递给设备,便于设备通过家庭 Wi-Fi 信息成功配网,最终实现小程序通过网络远程控制设备。

// 与设备进行 TCP 通信const tcp = wx.createTCPSocket()tcp.connect({  address: device_ip, // 设备 TCP 通信的 IP 地址  port: device_port, // 设备 TCP 通信端口号})
// TCP 连接建立成功后,发送家庭 wifi 信息到设备tcp.onConnect(() => { const data = JSON.stringify({SSID: 'xxx', password: 'xxx'}) tcp.write(data)})
通过以上操作,小程序即可与设备配网,成为智能生活的连接器。用户只需轻松拉起小程序,远程控制设备就是这么简单。
Image
点击 美的美居Lite小程序 体验
Image

通过 3 步操作,开发者即可轻松实现 设备 Wi-Fi 配网能力,通过小程序端远程操控设备,生活便利性大大提升。更多设备配网能力,点击 网络文档 了解内容。

如有更多小程序硬件服务的相关问题,可点击 微信开放社区硬件服务交流专区 发帖反馈,技术专员将为大家解答及进行深度交流。
Image