天天看點

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

來源 | HaaS技術社群

1、案例簡介

HaaS小程式藍牙輔助配網方案展示了通過支付寶HaaS小程式通過藍牙連接配接給HaaS開發闆Wi-Fi配網,上雲,進而實作遠端控制的能力。

主要使用的HaaS積木包括藍牙輔助配網,HaaS小程式和LinkSDK。基于這個案例,開發者可以快速搭建基礎的物聯網控制類應用。

這個案例完成的主要功能包括:

  • 通過藍牙鍊路設定Wi-Fi
  • LinkSDK 連接配接物聯網平台
  • HaaS小程式實作開發闆LED燈的遠端控制

方案限制:目前不支援中文SSID和中文密碼。

2、方案拓撲及流程

方案使用了HaaS100開發闆,支付寶小程式:HaaS小程式,Wi-Fi熱點,及阿裡雲物聯網平台。

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

2.1、依賴關鍵積木

  • 藍牙輔助配網
  • LinkSDK
  • HaaS小程式

HaaS100參考

2.2、主要流程

  • HaaS小程式發現發送藍牙廣播的HaaS 100待配網裝置
  • HaaS小程式把Wi-Fi熱點的SSID和密碼發送給HaaS 100
  • HaaS100完成連接配接Wi-Fi,及ping www.aliyun.com ,并将結果(成功或失敗)傳回給HaaS小程式
  • HaaS100将SSID和密碼存儲在KV(Key-Value)
  • HaaS100通過掃描二維碼,擷取裝置上雲需要的三元組
  • HaaS100完成連雲,并上報資訊

3、完整使用流程

點選這裡(

https://cloud.video.taobao.com/play/u/1632932/p/1/e/6/t/1/307129850804.mp4

)觀看示範視訊。

3.1、燒錄固件至開發闆

  • 參考AliOS Things 3.3 搭建開發環境
  • 選擇解決方案: miniapp_agent_demo 應用案例
  • 選擇開發闆: Haas100 board configure-- 點選 ✅ 即可完成編譯固件。-- 點選 "⚡️" 即可完成燒錄固件。

3.2、小程式配網

  • 準備一個連接配接至網際網路的 Wi-Fi AP。它可以由手機熱點産生,也可以通過路由器配置。在本案例中,熱點資訊如下:SSID: HaaS-APPassWord: MiniAppAgentDemo
  • 将燒錄好固件的裝置上電
  • 在“支付寶”中搜尋并打開“HaaS小程式”
  • 點選底部“配網”Tab
  • 輸入目标AP的SSID及Password
  • 打開手機藍牙
  • 點選掃描配網裝置(授予藍牙權限)
  • 在掃描清單中選擇待配網裝置
  • 點選“發起配網”
  • 等待配網完成,顯示配網狀态。當“配網狀态”中顯示“裝置IP”時,代表配網成功。
HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

3.3、配置物聯網平台

https://iot.console.aliyun.com/

)進入物聯網平台

3.3.1、建立産品

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

點選 公共執行個體-産品-建立産品,選擇自定義品類,點選建立。

3.3.2、配置物模型并釋出

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

導入代碼目錄下的物模型檔案,釋出物模型。

3.3.3、建立裝置

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

在該産品下建立裝置,獲得三元組。

3.3.4、生成三元組二維碼

https://haas.iot.aliyun.com/gen-qrcode

),前往二維碼生成工具。将三元組依次拷貝,生成二維碼供小程式讀取。

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

3.4、小程式上雲

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援
  • 點選底部“上雲”Tab
  • 輸入目标三元組也可以使用二維碼生成工具( )在頁面輸入三元組之後,點選生成二維碼,并使用小程式“掃碼擷取三元組”
  • 點選掃描裝置(授予藍牙權限)
  • 在掃描清單中選擇裝置
  • 點選“下發三元組”
  • 等待三元組下發完成

3.5、配置 IoT Studio

https://studio.iot.aliyun.com/

)進入IoT Studio

3.5.1、建立項目

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

3.5.2、關聯物聯網平台

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

3.5.3、建立移動端應用

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

編輯移動應用界面,并完成資料綁定。本案例中,使用6個按鈕對應 HaaS100 開發闆上6個燈的亮滅。

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

點選右上角預覽圖示,進入預覽。

3.5.4、預覽移動端應用

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援

3.6、小程式預覽移動端應用

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援
  • 點選底部“IoT Studio”Tab
  • 掃描 IoT Studio 中提供的預覽二維碼

4. 總結

本方案提供了小程式方法來實作裝置的快速配網、上雲,幫助開發者快速連接配接物聯網平台。開發者們可以基于此案例,開發更多的聯網應用。

開發者支援

HaaS解決方案中心:

https://haas.iot.aliyun.com/

HaaS技術社群:

https://blog.csdn.net/HaaSTech

開發者釘釘群和公衆号見下圖,開發者釘釘群每天都有技術支援同學值班。

HaaS小程式藍牙輔助配網方案1、案例簡介2、方案拓撲及流程3、完整使用流程4. 總結開發者支援