在5G熱潮的推動下，IoT愈發(fā)的如火如荼。越來越多品牌選擇涂鴉智能的開發(fā)者平臺實現(xiàn)產(chǎn)品智能化。在配網(wǎng)控制端，也有更多開發(fā)者希望利用好微信小程序即開即用低門檻的優(yōu)點(diǎn)，提高設(shè)備配網(wǎng)率以及使用頻次或?qū)崿F(xiàn)設(shè)備分享功能。業(yè)務(wù)完全可以以小程序為核心，例如小兔健康小程序，在小程序里就能實現(xiàn)產(chǎn)品購買、配網(wǎng)、控制管理的閉環(huán)。

為此，涂鴉推出了Tuya-Weapp-CloudBaseSDK（以下簡稱小程序SDK）,結(jié)合騰訊云函數(shù)，讓您可以快速高效的完成小程序的開發(fā)，打通從智能設(shè)備到小程序的鏈路。

步驟

為了獲取小程序的SDK及相關(guān)授權(quán)，您需要在IoT平臺上創(chuàng)建小程序SDK。

1、登錄涂鴉IoT控制臺的App工作臺。

2、單擊App工作臺，選擇小程序SDK。

3、單擊創(chuàng)建小程序。

4、輸入小程序名稱（和您的小程序同名）、小程序AppID（可在微信小程序后臺查看）、小程序描述、小程序，單擊確定。

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

1、克隆項目代碼。

$gitclonehttps://github.com/TuyaInc/tuya-miniapp-demo.git

2、安裝相關(guān)依賴。

$npminstall

3、開啟自動打包。

$npmrundev:weapp

4、啟動微信開發(fā)工具，單擊導(dǎo)入項目，導(dǎo)入您的項目。

5、選擇項目目錄，填寫您的AppID，單擊導(dǎo)入。

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

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

constparams={name:'ty-service',//云函數(shù)名稱data:{action:'hello',//涂鴉云接口名params:{}//接口參數(shù)}}//調(diào)用RequestreturnRequest(params)

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

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

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

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

3、將設(shè)備重置到AP配網(wǎng)模式。

4、設(shè)備重置AP配網(wǎng)模式后，開始在小程序上配網(wǎng)。

5、配網(wǎng)成功后，進(jìn)入設(shè)備控制頁，就能控制配網(wǎng)的設(shè)備。

基于涂鴉開發(fā)平臺和小程序SDK，可以快速實現(xiàn)一款智能小程序，搭配使用三明治開發(fā)套件，也可以用它搭建一個產(chǎn)品原型來實現(xiàn)最后一個步驟。

是否心動？為心愛的她開發(fā)一款物聯(lián)網(wǎng)小程序,簡直不要太酷！趕快來試試吧

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

第2步：啟動Demo項目接下來您可以克隆項目倉庫里的示例代碼。

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

在小程序開發(fā)者工具中選中云函數(shù)目錄的ty-service（該目錄是我們的涂鴉云函數(shù)目錄，主要是登錄、token生成、統(tǒng)一接口調(diào)用等功能的封裝）上傳上去。如果沒有開通云開發(fā)環(huán)境，單擊“云開發(fā)”的時候會引導(dǎo)您自助開通。

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

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

單擊云開發(fā)，進(jìn)入數(shù)據(jù)庫，添加名稱為“iot-collection”的集合，單擊確定。

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

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

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

在手機(jī)的小程序中單擊添加設(shè)備按鈕，進(jìn)入配網(wǎng)頁面。

編輯：jq