當小程式遇見物聯網IoT,幾行程式碼搞定智慧插座控制

在 5G 熱潮的推動下,與其緊密結合的物聯網(IoT)正日益成為個人和企業工作生活中的重要組成部分,它為企業和個人帶來了操作流程的改進和更好的生活體驗,隨著人工智慧(AI)技術的日趨成熟,IoT 與 AI 的結合愈發緊密,IoT 也被賦予了越來越多的能力和價值。

另一方面,小程式提供的藍牙 BLE、Wi-Fi、iBeacon、NFC 等介面能力、「即開即用」和低門檻等優勢,能幫助 IoT 開發者提高設備配網率、使用頻次和實現設備分享功能,這讓小程式參與到 IoT 流程中成為可能,在此基礎之上,通過與雲開發這一新的開發模式的整合,能讓物聯網開發更加的簡單、易用。

由此,全球化「AI+IoT」平台塗鴉智慧結合雲開發,推出 Tuya-Weapp-CloudBase SDK,其包含塗鴉雲平台的鑒權、介面分發,可以幫助開發者省去服務端的開發,也省去了「雲-雲」對接的步驟。通過 Tuya-Weapp-CloudBase SDK + 雲開發,您可以靈活簡便的開發出自有品牌的小程式,輕鬆實現對 Powered by Tuya 設備的控制與管理。

雲開發是什麼

雲開發(Tencent CloudBase,TCB)是騰訊雲提供的雲原生一體化開發環境和工具平台,為開發者提供高可用、自動彈性擴縮的後端雲服務,包含計算、存儲、託管等serverless化能力,可用於雲端一體化開發多種端應用(小程式,公眾號,Web 應用,Flutter 客戶端等),幫助開發者統一構建和管理後端服務和雲資源,避免了應用開發過程中繁瑣的伺服器搭建及運維,開發者可以專註於業務邏輯的實現,開發門檻更低,效率更高。

產品文檔://cloud.tencent.com/product/tcb

技術文檔://cloudbase.net

讓物聯網開發更簡單

基於 Tuya-weapp-cloudbase SDK,開發者可以通過簡單的幾行程式碼,就完成針對 IoT 設備的操作、設備的管理、數據的推送等十餘種場景,讓開發者開發小程式,變得更加簡單。

img

使用攻略

一、獲取 Tuya-Weapp-CloudBase SDK 授權

  1. 登錄 塗鴉 IoT 工作台
  2. 點擊 APP 工作台,選擇 小程式 SDK
  3. 點擊 創建小程式

img

4.輸入小程式名稱(和你的小程式同名)、小程式 AppID(可在微信小程式後台查看)、小程式描述、小程式 Icon,點擊 確定。

img

創建成功之後,可以獲取到專屬於你應用的 Schema,AccessID,AppSecret。其中 Schema 用來標識一個你的應用(在這裡就是表示你的小程式),而 AccessID 和 AppSecret 用來生成 token 資訊。

二、啟動示例項目

接下來,我們通過示例項目來體驗 Tuya-Weapp-CloudBase SDK

1.程式碼準備

克隆項目程式碼

git clone //github.com/TuyaInc/tuya-miniapp-demo.git

安裝相關依賴

npm install

開啟自動打包

npm run dev:weapp

2.小程式接入

啟動微信開發工具,點擊 導入項目,導入你的項目,如下圖所示:

img

  1. 選擇項目目錄,填寫你的 AppID,點擊 導入,如下圖所示:

img

小程式導入之後,會自動進入小程式的設備列表頁,如果看到 「網路錯誤」 的資訊提示,表明項目導入成功,但是未能上傳雲函數(上傳雲函數可以理解成就是將雲函數部署在騰訊雲的 Serverless 伺服器上),可以參考下一步來上傳雲函數。

img

三、 上傳雲函數

初始化項目結束後,接下來需要上傳雲函數,從而實現對塗鴉雲的訪問。

  1. 點擊上方的雲開發按鈕,開通雲開發環境
  2. 在小程式開發者工具中選中雲函數目錄的 ty-service(該目錄是我們的塗鴉雲函數目錄,主要是登錄、token 生成、統一介面調用等功能的封裝) 上傳上去。如下圖所示:
    img
  3. 項目中調用雲函數的工具方法在 src/Utils/Request.ts 中,通過雲函數調用塗鴉的 Open API 的方式可以參照下面的示例:
const params = {   
    name: 'ty-service', // 雲函數名稱
    data: {      
      action: 'hello', // 塗鴉雲介面名      
      params: {} // 介面參數    
      }  
   }  
   // 調用 Request   
   return Request(params)

四、 騰訊云云開發配置

雲開發配置主要是為了配置你之前獲得的的 Schema,AccessID,AppSecret,用於在雲函數雲端生成 token 並提供給小程式使用。這些資訊存儲在雲開發的資料庫中,可以保證雲函數能夠方便調用的同時還能最大限度的保證資訊安全。可以根據下面的示例來操作

  1. 點擊 雲開發,進入 資料庫,添加名稱為 「iot-collection」 的集合,點擊 確定。如下圖所示:img
  2. 選擇 「iot-collection」 集合,,選擇項目目錄 db/data.json 文件,點擊 導入 按鈕,即可導入相關欄位。如下圖所示:img
  3. 導入完成之後填寫塗鴉 IoT 工作台上的 SchemaAccessIDAppSecret 的內容。如下圖所示:img
  4. 配置完成之後,刷新一下小程式,可以看到一個 「歡迎使用塗鴉雲小程式雲函數」,說明雲函數配置成功。如下圖所示:img

五、設備配網

目前小程式支援 AP 模式(慢閃熱點)配網,後期還將支援藍牙配網。通過配網,可以將一個設備配到你的帳號下,你就有許可權控制這個設備。

配網操作的流程如下:

  1. 點擊微信小程式開發工具的 預覽,在彈出的二維碼使用微信去掃碼。
  2. 在手機的小程式中點擊 添加設備 按鈕,進入配網頁面,如下圖所示:img
  3. 將設備重置到 AP 配網模式,可以參照下面的影片來操作

影片地址://images.tuyacn.com/rms-static/3c093900-a414-11ea-96f0-cda03b175b6c-1591021740176.mp4?tyName=13014c80-a407-11ea-9d30-317d0567c96b-1591016087880.mp4

4.設備重置 AP 配網模式後,開始在小程式上配網,可以參照下面的影片來操作

影片地址://images.tuyacn.com/rms-static/f38382f0-a407-11ea-96f0-cda03b175b6c-1591016464543.MP4?tyName=6833349112827573083.MP4

5.配網成功後,進入設備控制頁,就能控制配網的設備,如下圖所示:img

總結

基於塗鴉開發平台和小程式 SDK,可以快速實現一款智慧小程式,如果你手頭有塗鴉的三明治開發套件,也可以用它搭建一個產品原型來實現最後一個步驟。心動了沒有?趕緊來試試吧!

what’s more

此外,雲開發的支援能力還有taro、Chameleon 開發框架等,想了解雲開發更多 SDK 能力,點擊此處查看://cloudbase.net/sdk.html?from=10004

參考文獻

如果你希望獲取更多關於 Tuya-Weapp-CloudBase SDK 的說明和調用資訊,可以訪問文檔查看