ebelong智能家居APP
基于 uni-app + Vue 3 的智能家居用户端跨端应用(H5 / 微信小程序):设备控制、场景自动化、完整账号体系与设备分享。
项目背景
EBL 智能家居生态中,配网工具面向安装人员,这个项目则面向终端家庭用户:一个跨端移动应用,让用户完成设备入网、日常控制、场景自动化与家庭协作分享。基于 uni-app 一套代码同时发布 H5 与微信小程序,全站 73 个页面,按业务拆分主包 + 3 个分包。
核心功能
- 完整账号体系:手机号(短信验证)/ 邮箱(验证码、密码)多通道注册登录,国际区号选择、忘记密码、账号安全、修改密码、注销账户,支持多租户
- 首页四标签框架:设备卡片墙与快捷开关、场景一键执行、分组视图、智能通知中心、个人中心
- 设备接入与控制:BLE 扫描发现新设备并引导入网(自研配网 SDK);网关、吸顶灯、灯泡、空调、风扇、百叶窗等品类的独立控制页;设备设置、重启、报修
- 分组与区域:区域管理、分组创建与详情,设备按空间组织
- 场景与自动化:场景的可视化编排与一键执行;自动化支持定时触发、日出日落、温湿度条件、生效时间段、延迟动作序列,附场景执行日志
- 家庭协作:设备分享——二维码授权、已授权设备管理,家庭成员共享控制权
跨端与工程化
- 一套代码双端发布:uni-app 条件编译抹平 H5 与微信小程序差异(登录、扫码、BLE 等能力各有平台分支),发布产物覆盖 H5 与小程序
- 分包策略:73 个页面拆为 1 主包(首页框架/登录/用户中心)+ 3 分包(设备与分组、场景与自动化),控制小程序主包体积与首屏加载
- 自研 BLE 配网 SDK:平台适配层(微信 / uni 蓝牙 API 桥接)+ 配网核心(蓝牙适配器管理、设备发现、服务与特征读写、notify 订阅、分包写入),业务层只面向统一接口
- 类型化 API 层:请求核心统一封装,每个业务模块(user / tenant / device / group / rule / data / common)独立出接口类型、请求参数与响应类型定义,全链路 TypeScript
- 实时通道:WebSocket + MQTT 承接设备状态推送,事件广播器将消息与页面解耦
- 20+ 通用组件:
m-前缀的自建组件库(日期选择、CRUD 列表、国际手机号输入、三方登录块、消息盒、空态等),配合 wot-design-uni 与 Tailwind 统一视觉
本项目为商业项目,仓库与设计稿不公开;与《ebelong配网工具》同属一个智能家居产品生态,分别面向终端用户与安装调试人员。