涂鴉教你打造火爆社交圈的如廁小應用，代碼開源支持二開

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

相信所有人都經歷過無數次這樣的窘境：內急的時候去廁所，結果坑位全滿。要不要等一等呢？在廁所里面等，享受“獨特風味”的熏陶；在廁所外等，人來人往，尬得摳腳趾。

要不碰運氣換一個廁所看看？憋著一股勁吭哧吭哧跑過去，依然也是滿的，到底哪個廁所有空位？小秋折騰幾個來回，身心俱疲，膀胱急急急?。?！

作為一名資深攻城獅，每次被“拒之門外”后，小秋都在不斷構想：要是有一個小應用，能告訴你公司/商場/園區/某個建筑哪里的廁所有空位，那該有多方便！

苦思冥想后，他“急”中生“智”：如果將傳感器與涂鴉 IoT 開發者平臺的能力相結合，不就能完美解決這個問題嗎？經過幾次簡單的嘗試，小秋就研究出了這樣一款小而美的應用---尋坑無憂。不僅相當實用，更關鍵的是開發過程非常非常簡單，代碼完全開源，開發者也可在此基礎上進行自定義調整，開發出更匹配自己業務的尋坑無憂！一起來看看吧~

一、尋坑無憂應用介紹

1、核心功能

實時查詢坑位空余狀態。

2、實現方案

基于涂鴉賦能的智能硬件設備，結合涂鴉 IoT 開發者平臺的開放能力，幫助開發者低門檻實現該款小應用的自定義開發。

3、主要特性

支持涂鴉平臺多種品類的智能傳感器，包括門窗傳感器、人體存在傳感器、人體運動傳感器、占位傳感器。代碼邏輯會根據真實設備的品類分別進行適配，找到對應表示有人或者無人的狀態，實時顯示在頁面上。

攻城獅小秋使用的傳感器具體型號清單，以及官方購買鏈接如下（友情提示：淘寶也有賣哦）：

①Zigbee 門窗磁探測器 EC92 購買鏈接：

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

②Wi-Fi +Zigbee 智能雙聯網關 THP12-Z 購買鏈接：

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

③Zigbee 信號中繼器 RP280 購買鏈接：

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

注意事項

如上述產品顯示無貨，可咨詢涂鴉開發者論壇，將有開發小哥哥為你推薦其他型號傳感器。

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

完成開發后，效果路徑圖展示：

二、開發流程

云開發平臺是涂鴉打造的智慧解決方案一站式開發平臺，不僅開放了基礎設備服務、垂直品類、各類行業場景的豐富能力和組件，同時也提供了便捷的開發調試工具：比如 API 調試工具、設備模擬上報等。開發者基于涂鴉豐富的設備生態，以及平臺的開放能力和開發工具，可以快速低成本地開發出各類行業 SaaS 應用。

本次開發“尋坑無憂”這個應用，僅僅借助了云平臺的基礎設備服務這一個開放能力。

1、開發流程

1.1 注冊涂鴉 IoT 平臺賬號，購買相關設備。

1.2 登錄云開發平臺，創建云項目

云開發平臺鏈接：https://iot.tuya.com/cloud/

1.3 下載并登錄【智慧行業】App，完成設備配網。

1.4 開發應用：一個展示廁所狀態的頁面 + 一個查詢廁所狀態的接口

是的，應用開發部分僅開發了一個頁面、封裝了一個接口，就成功實現了尋坑無憂。

2、基于源碼二開

戳視頻，查看手把手教學：

2.1 fork 項目

# 克隆項目到本地git clone https://github.com/tuya/smart-wc.git
# 進入項目并安裝依賴cd smart-wcnpm i
# 通過 mock 方式啟動npm run dev --mock=true

順利的話，應用啟動后瀏覽器將自動打開一個查詢坑位狀態的頁面。

2.2 應用配置

打開項目根目錄下的 `config.json` 文件，按照指引，配置你的 Access ID 和 Access Secret 等項目信息。

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