涂鴉教你打造火爆社交圈的如廁小應(yīng)用，代碼開(kāi)源支持二開(kāi)

一分鐘到底算不算久？在王家衛(wèi)的電影里，男女主角可以只做一分鐘的朋友，然后用一輩子去忘記；而在滿(mǎn)了坑位的廁所門(mén)外，這一分鐘，就是涂鴉開(kāi)發(fā)者--小秋度秒如年的內(nèi)急時(shí)刻。

相信所有人都經(jīng)歷過(guò)無(wú)數(shù)次這樣的窘境：內(nèi)急的時(shí)候去廁所，結(jié)果坑位全滿(mǎn)。要不要等一等呢？在廁所里面等，享受“獨(dú)特風(fēng)味”的熏陶；在廁所外等，人來(lái)人往，尬得摳腳趾。

要不碰運(yùn)氣換一個(gè)廁所看看？憋著一股勁吭哧吭哧跑過(guò)去，依然也是滿(mǎn)的，到底哪個(gè)廁所有空位？小秋折騰幾個(gè)來(lái)回，身心俱疲，膀胱急急急?。?！

作為一名資深攻城獅，每次被“拒之門(mén)外”后，小秋都在不斷構(gòu)想：要是有一個(gè)小應(yīng)用，能告訴你公司/商場(chǎng)/園區(qū)/某個(gè)建筑哪里的廁所有空位，那該有多方便！

苦思冥想后，他“急”中生“智”：如果將傳感器與涂鴉 IoT 開(kāi)發(fā)者平臺(tái)的能力相結(jié)合，不就能完美解決這個(gè)問(wèn)題嗎？經(jīng)過(guò)幾次簡(jiǎn)單的嘗試，小秋就研究出了這樣一款小而美的應(yīng)用---尋坑無(wú)憂(yōu)。不僅相當(dāng)實(shí)用，更關(guān)鍵的是開(kāi)發(fā)過(guò)程非常非常簡(jiǎn)單，代碼完全開(kāi)源，開(kāi)發(fā)者也可在此基礎(chǔ)上進(jìn)行自定義調(diào)整，開(kāi)發(fā)出更匹配自己業(yè)務(wù)的尋坑無(wú)憂(yōu)！一起來(lái)看看吧~

一、尋坑無(wú)憂(yōu)應(yīng)用介紹

1、核心功能

實(shí)時(shí)查詢(xún)坑位空余狀態(tài)。

2、實(shí)現(xiàn)方案

基于涂鴉賦能的智能硬件設(shè)備，結(jié)合涂鴉 IoT 開(kāi)發(fā)者平臺(tái)的開(kāi)放能力，幫助開(kāi)發(fā)者低門(mén)檻實(shí)現(xiàn)該款小應(yīng)用的自定義開(kāi)發(fā)。

3、主要特性

支持涂鴉平臺(tái)多種品類(lèi)的智能傳感器，包括門(mén)窗傳感器、人體存在傳感器、人體運(yùn)動(dòng)傳感器、占位傳感器。代碼邏輯會(huì)根據(jù)真實(shí)設(shè)備的品類(lèi)分別進(jìn)行適配，找到對(duì)應(yīng)表示有人或者無(wú)人的狀態(tài)，實(shí)時(shí)顯示在頁(yè)面上。

攻城獅小秋使用的傳感器具體型號(hào)清單，以及官方購(gòu)買(mǎi)鏈接如下（友情提示：淘寶也有賣(mài)哦）：

①Zigbee 門(mén)窗磁探測(cè)器 EC92 購(gòu)買(mǎi)鏈接：

https://go.tuya.com/productDetail?code=CMbe2m63b4jbco

②Wi-Fi +Zigbee 智能雙聯(lián)網(wǎng)關(guān) THP12-Z 購(gòu)買(mǎi)鏈接：

https://go.tuya.com/productDetail?code=CMaxf63zm5w26l

③Zigbee 信號(hào)中繼器 RP280 購(gòu)買(mǎi)鏈接：

https://go.tuya.com/productDetail?code=CMaolvskbalnit

注意事項(xiàng)

如上述產(chǎn)品顯示無(wú)貨，可咨詢(xún)涂鴉開(kāi)發(fā)者論壇，將有開(kāi)發(fā)小哥哥為你推薦其他型號(hào)傳感器。

涂鴉開(kāi)發(fā)者論壇地址：https://tuyaos.com/viewforum.php?f=4

完成開(kāi)發(fā)后，效果路徑圖展示：

二、開(kāi)發(fā)流程

云開(kāi)發(fā)平臺(tái)是涂鴉打造的智慧解決方案一站式開(kāi)發(fā)平臺(tái)，不僅開(kāi)放了基礎(chǔ)設(shè)備服務(wù)、垂直品類(lèi)、各類(lèi)行業(yè)場(chǎng)景的豐富能力和組件，同時(shí)也提供了便捷的開(kāi)發(fā)調(diào)試工具：比如 API 調(diào)試工具、設(shè)備模擬上報(bào)等。開(kāi)發(fā)者基于涂鴉豐富的設(shè)備生態(tài)，以及平臺(tái)的開(kāi)放能力和開(kāi)發(fā)工具，可以快速低成本地開(kāi)發(fā)出各類(lèi)行業(yè) SaaS 應(yīng)用。

本次開(kāi)發(fā)“尋坑無(wú)憂(yōu)”這個(gè)應(yīng)用，僅僅借助了云平臺(tái)的基礎(chǔ)設(shè)備服務(wù)這一個(gè)開(kāi)放能力。

1、開(kāi)發(fā)流程

1.1 注冊(cè)涂鴉 IoT 平臺(tái)賬號(hào)，購(gòu)買(mǎi)相關(guān)設(shè)備。

1.2 登錄云開(kāi)發(fā)平臺(tái)，創(chuàng)建云項(xiàng)目

云開(kāi)發(fā)平臺(tái)鏈接：https://iot.tuya.com/cloud/

1.3 下載并登錄【智慧行業(yè)】App，完成設(shè)備配網(wǎng)。

1.4 開(kāi)發(fā)應(yīng)用：一個(gè)展示廁所狀態(tài)的頁(yè)面 + 一個(gè)查詢(xún)廁所狀態(tài)的接口

是的，應(yīng)用開(kāi)發(fā)部分僅開(kāi)發(fā)了一個(gè)頁(yè)面、封裝了一個(gè)接口，就成功實(shí)現(xiàn)了尋坑無(wú)憂(yōu)。

2、基于源碼二開(kāi)

戳視頻，查看手把手教學(xué)：

2.1 fork 項(xiàng)目

# 克隆項(xiàng)目到本地git clone https://github.com/tuya/smart-wc.git
# 進(jìn)入項(xiàng)目并安裝依賴(lài)cd smart-wcnpm i
# 通過(guò) mock 方式啟動(dòng)npm run dev --mock=true

順利的話(huà)，應(yīng)用啟動(dòng)后瀏覽器將自動(dòng)打開(kāi)一個(gè)查詢(xún)坑位狀態(tài)的頁(yè)面。

2.2 應(yīng)用配置

打開(kāi)項(xiàng)目根目錄下的 `config.json` 文件，按照指引，配置你的 Access ID 和 Access Secret 等項(xiàng)目信息。

{ "access_key": "Tuya 云項(xiàng)目 Access ID", "secret_key": "Tuya 云項(xiàng)目 Access Secret", "region": "數(shù)據(jù)中心，非必填，默認(rèn)中國(guó)區(qū)，支持：CN-中國(guó)、US-美西、UEAZ-美東、EU-歐洲、WEAZ-西歐、IND-印度",
// 策略配置，支持多種策略，比如有些坑位是通過(guò)門(mén)磁開(kāi)關(guān)判斷，有些是通過(guò)紅外傳感器判斷，有些是通過(guò)人體存在傳感器判斷 "strategy": [ {"category": "品類(lèi)", "code": "功能點(diǎn)，可以用來(lái)判斷有人/無(wú)人", "value": "表示無(wú)人時(shí)候的狀態(tài)值，表明當(dāng)前坑位空閑"} ],
// 廁所建筑配置，按照樓層配置，每層樓可以配置多個(gè)廁所，每個(gè)廁所可以配置多個(gè)坑位 "building": { "name": "建筑名稱(chēng)", "wc":[ { "floor": "樓層", "list": [ { "gender": "性別：男/女", "devices": [ "設(shè)備 Id，一般一個(gè)坑位安裝一個(gè)設(shè)備，用于判斷坑位有人/無(wú)人" ], "location": "廁所位置描述，如：東側(cè)" } ] } ] }}