雲開發 X 塗鴉：當小程式遇見物聯網IoT，幾行程式碼搞定智慧插座控制

Tencent_TCB發表於2020-07-20
行程

在 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 客戶端等），幫助開發者統一構建和管理後端服務和雲資源，避免了應用開發過程中繁瑣的伺服器搭建及運維，開發者可以專注於業務邏輯的實現，開發門檻更低，效率更高。

產品文件：https://cloud.tencent.com/product/tcb

技術文件：https://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 https://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 工作臺上的 Schema、AccessID、AppSecret 的內容。如下圖所示：img
  4. 配置完成之後，重新整理一下小程式，可以看到一個 “歡迎使用塗鴉雲小程式雲函式”，說明雲函式配置成功。如下圖所示：img

五、裝置配網

目前小程式支援 AP 模式（慢閃熱點）配網，後期還將支援藍芽配網。通過配網，可以將一個裝置配到你的賬號下，你就有許可權控制這個裝置。

配網操作的流程如下：

  1. 點選微信小程式開發工具的 預覽，在彈出的二維碼使用微信去掃碼。
  2. 在手機的小程式中點選 新增裝置 按鈕，進入配網頁面，如下圖所示：img
  3. 將裝置重置到 AP 配網模式，可以參照下面的視訊來操作

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

4.裝置重置 AP 配網模式後，開始在小程式上配網，可以參照下面的視訊來操作

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

5.配網成功後，進入裝置控制頁，就能控制配網的裝置，如下圖所示：img

總結

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

what's more

此外，雲開發的支援能力還有taro、Chameleon 開發框架等，想了解雲開發更多 SDK 能力，點選此處檢視：https://cloudbase.net/sdk.html?from=10004

參考文獻

如果你希望獲取更多關於 Tuya-Weapp-CloudBase SDK 的說明和呼叫資訊，可以訪問文件檢視

相關文章