本项目面向公安司法监所行业,针对行业内终端产品软硬件适配分散、跨端兼容难度大、音视频对讲性能不足、离线场景业务中断、多厂商硬件 SDK 对接成本高等核心痛点立项,核心目标是打造一套覆盖安卓终端大屏、平板、PC、H5 全场景的软硬件一体化智能终端解决方案,实现监所业务全流程数字化管控,打造公司核心拳头产品线。
平台核心功能覆盖监所业务全场景,核心模块包含五大类:监室事务管理核心模块,承载监所日常事务办理、人员管控、业务审批等核心流程;音视频流媒体对讲模块,实现低延迟高稳定的音视频对讲与监控预览;多厂商硬件能力集成模块,兼容人脸 / 指纹识别、高拍仪、串口通信等硬件能力;离线数据存储同步模块,支撑离线场景业务连续运行;PC 端后台管控模块,实现权限、规则、数据的统一配置管控。
业务流程遵循 “后台配置 - 终端执行 - 数据同步” 的闭环逻辑:先通过 PC 后台完成监室信息、人员权限、业务规则的预设并同步至终端;仓内 / 仓外屏、管控主机等安卓终端完成事务发起、身份核验、音视频对讲、数据暂存等操作;平板端支持在线 / 离线双模式,离线时通过本地数据库存储业务数据,网络恢复后自动与后台同步校验;音视频对讲通过全链路优化实现低延迟传输,全流程数据可追溯,满足监所行业合规与安全要求。
本项目采用前后端分离、分层解耦的架构设计,基于 uni-app 实现一套代码多端部署,兼容安卓大屏、平板、PC、H5 多终端,架构分为 UI 组件层、统一硬件适配层、业务核心层、数据存储层、通信层,最大化降低模块耦合,提升代码复用性。技术栈方面,V1-V3 版本采用 Vue2+Vuex+HTML5+ Runtime,基于 HBuilder3 构建;V4 版本升级为 Vue3+TypeScript+Pinia,基于 Vite 优化构建效率;流媒体模块采用 NVue+WebRTC,本地存储用 SQLite,实时通信用 WebSocket,UI 基于 Element Plus 封装。
我作为该产品线前端技术负责人,主导项目从 0 到 1 全量前端开发、架构设计与版本迭代,独立完成 V1-V3 版本 3 款以上安卓终端 APP 全量开发,主导 V4 版本 Vue2 到 Vue3 的技术栈升级与 UI 重构,作为主程完成平板端核心 APP 80% 开发工作。量化成果:V4 版本重构核心模块后,代码可维护性提升 60% 以上;原生渲染优化后,音视频对讲延迟降低 80% 以上;产品落地省内外 20 + 监所项目,成为公司拳头产品,多次支撑全国性警博会技术展示。
项目核心难点与解决方案:一是多厂商 SDK 接口差异大、适配成本高,通过封装统一硬件适配层,抽象通用能力接口,抹平厂商差异,实现插拔式集成,新厂商接入效率大幅提升;二是传统 Vue 页面流媒体卡顿、对讲延迟高,采用 NVue 原生渲染替代传统方案,结合原生插件实现原生级性能,将对讲延迟降低 80% 以上;三是监所离线场景业务中断,通过集成 SQLite 本地数据库,设计离线存储与自动同步机制,保障离线状态业务连续运行;四是旧版本代码可维护性差,通过 V4 版本技术栈全面升级,引入 TypeScript 与模块化设计,重构核心模块,代码可维护性提升 60% 以上,开发效率显著优化。