概況

在 5G 熱潮的推動下，IoT 愈發(fā)的如火如荼。越來越多品牌選擇涂鴉智能的開發(fā)者平臺實(shí)現(xiàn)產(chǎn)品智能化。在配網(wǎng)控制端，也有更多開發(fā)者希望利用好微信小程序即開即用低門檻的優(yōu)點(diǎn)，提高設(shè)備配網(wǎng)率以及使用頻次或?qū)崿F(xiàn)設(shè)備分享功能。更有甚者其業(yè)務(wù)本身就是以小程序?yàn)楹诵模热缧⊥媒】敌〕绦颍谛〕绦蚶锞蛯?shí)現(xiàn)了產(chǎn)品購買、配網(wǎng)、控制管理的閉環(huán)。為此，涂鴉推出了 Tuya-Weapp-CloudBase SDK（以下簡稱小程序 SDK）， 結(jié)合騰訊云函數(shù)，讓開發(fā)者可以快速高效的完成這類小程序的開發(fā)，打通從智能設(shè)備到小程序的鏈路，為客戶提供更好的服務(wù)！

步驟

第 1 步：獲取小程序 SDK 授權(quán)

為了獲取小程序的 SDK 及相關(guān)授權(quán)，需要在 IoT 平臺上創(chuàng)建小程序 SDK，可以根據(jù)下面的操作示例來獲取小程序 SDK 賬號信息。

創(chuàng)建成功之后，可以獲取到專屬于你 SDK 的 Schema，AccessID，AppSecret。其中 Schema 用來標(biāo)識一個你的應(yīng)用（在這里就是表示你的小程序），AccessID 和 AppSecret 用來生成 token 信息。

第 2 步：啟動示例項目

輸入小程序名稱（和你的小程序同名）、小程序 AppID（可在微信小程序后臺查看）、小程序描述、小程序 Icon，點(diǎn)擊 確定。

登錄 涂鴉 IoT 工作臺。

點(diǎn)擊 APP 工作臺，選擇小程序 SDK。

點(diǎn)擊 創(chuàng)建小程序。

接下來你可以克隆倉庫里的示例代碼，項目倉庫。項目代碼相關(guān)文件目錄說明你可以看 這里

$ git clone https://github.com/TuyaInc/tuya-miniapp-demo.git$ npm install$ npm run dev:weapp

選擇項目目錄，填寫你的 AppID，點(diǎn)擊 導(dǎo)入，如下圖所示：

小程序?qū)胫螅瑫詣舆M(jìn)入小程序的設(shè)備列表頁，如果看到 “網(wǎng)絡(luò)錯誤” 的信息提示，表明項目導(dǎo)入成功，但是未能上傳云函數(shù)，可以參考下一步來上傳云函數(shù)。

啟動微信開發(fā)工具，點(diǎn)擊 導(dǎo)入項目，導(dǎo)入你的項目，如下圖所示：

開啟自動打包

安裝相關(guān)依賴

克隆項目代碼

第 3 步：上傳云函數(shù)

你的小程序如果要訪問涂鴉云，需要通過之前獲得的 AccessID 和 AppSecret 去調(diào)涂鴉云端接口生成訪問涂鴉云的 token。通常情況下這種操作都是由服務(wù)端完成（參考文檔 ），但是也可以用更簡單方便的小程序云函數(shù)的方式，相關(guān)的代碼及 SDK 我們已準(zhǔn)備好，可以根據(jù)下面的示例來操作

如果沒有開通云開發(fā)環(huán)境，點(diǎn)擊 “云開發(fā)” 的時候會引導(dǎo)你自助開通const params = { name： ‘ty-service’， // 云函數(shù)名稱 data： { action： ‘hello’， // 涂鴉云接口名 params： {} // 接口參數(shù) } } // 調(diào)用 Request return Request（params）

項目中調(diào)用云函數(shù)的工具方法在 src/Utils/Request.ts 中，通過云函數(shù)調(diào)用涂鴉的 Open API 的方式可以參照下面的示例：

在小程序開發(fā)者工具中選中云函數(shù)目錄的 ty-service（該目錄是我們的涂鴉云函數(shù)目錄，主要是登錄、token 生成、統(tǒng)一接口調(diào)用等功能的封裝） 上傳上去。如下圖所示：

第 4 步：騰訊云云開發(fā)配置

云開發(fā)配置主要是為了配置你之前獲得的的 Schema，AccessID，AppSecret，用于在云函數(shù)云端生成 token 并提供給小程序使用。這些信息存儲在云開發(fā)的數(shù)據(jù)庫中，可以保證云函數(shù)能夠方便調(diào)用的同時還能最大限度的保證信息安全。可以根據(jù)下面的示例來操作

SDK 更多的信息和調(diào)用說明，可以參考這個文檔

配置完成之后，刷新一下小程序，可以看到一個 “歡迎使用涂鴉云小程序云函數(shù)”，說明云函數(shù)配置成功。如下圖所示：

導(dǎo)入完成之后填寫涂鴉 IoT 工作臺上小程序 SDK 的 Schema、AccessID、AppSecret 的內(nèi)容。如下圖所示：

選擇 “iot-collection” 集合，，選擇項目目錄 db/data.json 文件，點(diǎn)擊 導(dǎo)入 按鈕，即可導(dǎo)入相關(guān)字段。如下圖所示：

點(diǎn)擊 云開發(fā)，進(jìn)入 數(shù)據(jù)庫，添加名稱為 “iot-collection” 的集合，點(diǎn)擊 確定。如下圖所示：

第 5 步：給設(shè)備配網(wǎng)

目前小程序支持 AP 模式（慢閃熱點(diǎn)）配網(wǎng)，后期還將支持藍(lán)牙配網(wǎng)。通過配網(wǎng)，可以將一個設(shè)備配到你的賬號下，你就有權(quán)限控制這個設(shè)備。配網(wǎng)操作的流程如下：

點(diǎn)擊微信小程序開發(fā)工具的 預(yù)覽，在彈出的二維碼使用微信去掃碼。

在手機(jī)的小程序中點(diǎn)擊 添加設(shè)備 按鈕，進(jìn)入配網(wǎng)頁面，如下圖所示：

小結(jié)

基于涂鴉開發(fā)平臺和小程序 SDK，可以快速實(shí)現(xiàn)一款智能小程序，如果你手頭有涂鴉的三明治開發(fā)套件，也可以用它搭建一個產(chǎn)品原型來實(shí)現(xiàn)最后一個步驟。心動了沒有？趕緊來試試吧！