為心愛(ài)的她開(kāi)發(fā)一款專(zhuān)屬程序員的浪漫的物聯(lián)網(wǎng)小程序

在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-CloudBaseSDK（以下簡(jiǎn)稱(chēng)小程序SDK）,結(jié)合騰訊云函數(shù)，讓您可以快速高效的完成小程序的開(kāi)發(fā)，打通從智能設(shè)備到小程序的鏈路。

步驟

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

1、登錄涂鴉IoT控制臺(tái)的App工作臺(tái)。

2、單擊App工作臺(tái)，選擇小程序SDK。

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

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

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

1、克隆項(xiàng)目代碼。

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

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

$npminstall

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

$npmrundev:weapp

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第2步：?jiǎn)?dòng)Demo項(xiàng)目接下來(lái)您可以克隆項(xiàng)目倉(cāng)庫(kù)里的示例代碼。

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

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

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

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

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

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

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

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

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

編輯：jq