涂鸦教你打造火爆社交圈的如厕小应用，代码开源支持二开

一分钟到底算不算久？在王家卫的电影里，男女主角可以只做一分钟的朋友，然后用一辈子去忘记；而在满了坑位的厕所门外，这一分钟，就是涂鸦开发者--小秋度秒如年的内急时刻。

相信所有人都经历过无数次这样的窘境：内急的时候去厕所，结果坑位全满。要不要等一等呢？在厕所里面等，享受“独特风味”的熏陶；在厕所外等，人来人往，尬得抠脚趾。

要不碰运气换一个厕所看看？憋着一股劲吭哧吭哧跑过去，依然也是满的，到底哪个厕所有空位？小秋折腾几个来回，身心俱疲，膀胱急急急！！！

作为一名资深攻城狮，每次被“拒之门外”后，小秋都在不断构想：要是有一个小应用，能告诉你公司/商场/园区/某个建筑哪里的厕所有空位，那该有多方便！

苦思冥想后，他“急”中生“智”：如果将传感器与涂鸦 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": "厕所位置描述，如：东侧" } ] } ] }}