01
贝贝物联平台
基于拓科物联网开放平台的通用型物联网应用平台，面向B端市场，覆盖从产品出厂到最终客户使用整个生命周期的各个环节。平台由运维端、管理后台、运营商端、制造商端、项目端、运维驾驶舱、运营商驾驶舱等多个子平台组成。同时包含微信小程序版本，为 B 端市场提供完整的物联网解决方案。
技术栈
ReactReact-routerTypeScriptSCSSAnt DesignECharts高德地图ViteTDesign微信原生小程序
STAR法则
S
背景
面对B端市场对物联网设备全生命周期管理的迫切需求，需要构建一个能够支撑多角色、多场景的综合性平台。平台需要处理海量设备数据（支持10万+设备在线管理），实现实时监控与远程控制，同时要保证系统的稳定性和可扩展性。项目涉及8+个子平台，技术栈复杂，需要协调前后端团队协作，确保各子平台功能的一致性和数据同步的准确性。随着移动互联网的普及，B端用户对移动端设备管理需求日益增长，需要在微信小程序生态中构建功能完整、体验良好的移动端应用，与Web端平台形成互补。
T
任务
作为前端核心开发工程师，负责平台核心功能模块的设计与实现，包括设备管理、数据可视化、实时通信等关键模块。配合客户公司需要，完成部分产品的需求分析、架构设计以及相应的研发工作，包括核心模块的代码开发。负责公司部分现有产品的维护工作，包括对产品进行优化升级，确保产品的性能和功能。配合公司其他技术成员，完成技术的研发工作、技术的攻关工作以及日常维护过程中遭遇的技术问题。同时独立负责微信小程序版本的完整开发工作，包括需求分析、功能规划、整体架构设计、前端开发、团队协调和测试配合。
A
行动方案
Web端：采用 React + React-router + TypeScript + SCSS + Ant Design + ECharts + 高德地图 + Vite 构建模块化前端架构。通过 WebSocket 技术实现设备数据的实时双向通信，支持实时数据流传输和命令下发，确保设备状态的实时同步。使用 ECharts 创建丰富的仪表盘，展示关键性能指标(KPI)和趋势分析，支持10万+数据点的流畅渲染。实现了设备注册和认证流程，确保只有授权设备才能接入平台。开发了数据可视化模块，通过图表形式展示来自各种传感器的数据。设计并实现了设备全生命周期管理流程，包括设备注册、激活、配置、升级等功能模块，支持设备从出厂到退役的全流程管理。集成了实时监控和报警系统，能够及时发现并处理设备异常情况。实现了历史数据分析功能，帮助用户更好地理解设备运行状况。设计了直观易用的操作界面，包括仪表盘、报警通知、历史数据分析等。通过代码优化和性能调优，优化了前端性能，确保在大数据量下依然保持流畅的用户体验（数据可视化模块响应时间从2秒优化至200ms）。实施了响应式设计，使平台能够在各种设备上良好显示。小程序端：采用 TypeScript + TDesign + 微信原生小程序技术栈，构建了模块化的小程序架构。设计了直观的设备管理界面，支持设备列表、详情查看、远程控制等核心功能。实现了数据可视化模块，通过图表形式展示设备运行数据，支持实时数据刷新。通过状态管理和接口优化，减少了30%的不必要请求，提升了小程序性能。建立了完善的错误处理和用户反馈机制，确保异常情况能够及时反馈和处理。与后端团队密切配合，确保API接口的稳定性和数据格式的一致性。协助测试团队进行功能测试和性能测试，修复了20+个bug，确保产品质量。
R
项目成果
成功交付覆盖8+个子平台的完整解决方案（Web端 + 小程序端），支撑了10万+设备的在线管理。Web端：数据可视化模块响应时间从2秒优化至200ms，用户体验显著提升，页面加载速度提升60%。设备注册和认证流程上线后，未授权设备接入率降至0，系统安全性大幅提升。实时监控和报警系统能够及时发现设备异常，故障响应时间从平均30分钟缩短至5分钟，设备可用性提升至99.5%。小程序端：成功交付了功能完整的小程序版本，为用户提供了便捷的移动端设备管理体验。小程序上线后，移动端用户活跃度提升40%，日活跃用户数达到5000+，为平台带来了新的增长点。通过性能优化，小程序首屏加载时间从3秒缩短至1.2秒，用户满意度提升35%。项目形成了"Web端 + 移动端"的完整产品矩阵，获得了客户的高度认可，成为公司物联网领域的标杆案例，为公司后续类似项目提供了技术参考。