概況

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

步驟

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

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

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

第 2 步：?jiǎn)?dòng)示例項(xiàng)目

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

登錄 涂鴉 IoT 工作臺(tái)。

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

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

接下來(lái)你可以克隆倉(cāng)庫(kù)里的示例代碼，項(xiàng)目倉(cāng)庫(kù)。項(xiàng)目代碼相關(guān)文件目錄說(shuō)明你可以看 這里

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

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

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

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

開(kāi)啟自動(dòng)打包

安裝相關(guān)依賴

克隆項(xiàng)目代碼

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

小結(jié)

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