更新记录

1.0.0.2(2026-09-04) 下载此版本

更新图片

1.0.0.1(2026-09-04) 下载此版本

初始上传


平台兼容性

uni-app(3.8.6)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
1 - - - - - - - - - - -

🌐 BmmAgent 物联网 & 主机智能监控中枢 (uni-app 微信小程序模板)

一套开箱即用、高颜值、极具扩展性的工业级物联网遥测 & 主机集群运维管控小程序前端框架


🎁 【后端全套源码免费赠送】
本开源工程提供了100%完整、无任何删减的前端小程序源码
如果您需要配套的 .NET 8.0 高性能数据流中枢 (BmmDataCollector)跨平台采集代理 (BmmAgent)Redis 时序数据结构模型:
🌟
欢迎在 DCloud 插件市场 / 源码仓库【点赞 + 收藏】,并在评论区留言您的真实电子邮箱(如:xxx@qq.com),作者将统一免费打包发送至您的邮箱!**


💡 为什么选择这套框架?核心优势与二次开发创意

你以为这只是一套服务器监控系统千万不要被“监控”两个字限制了你的想象力!

本质上,本框架是一套经过高并发实战检验的 “多主体状态机 + 实时时序数据流 + 智能规则事件引擎 + 远程指令交互” 通用业务底座

🧬 核心能力的“万能抽象映射”

无论做什么业务,您都可以直接套用这套逻辑骨架:

  • “主机 / 节点” 抽象为 ➡️ “玩家 / 房间 / 会员 / 考勤打卡人 / 跑团角色 / 竞拍物品 / 仓储货位”
  • “遥测指标与水位” 抽象为 ➡️ “玩家得分 / 筹码流水 / 游戏轮数 / 业务积分 / 胜率走势 / 实时温度”
  • “告警与恢复事件” 抽象为 ➡️ “胜负判定 / 扣分提醒 / 结算警告 / 违规通报 / 微信服务通知”
  • “远程控制与指令” 抽象为 ➡️ “一键洗牌 / 结算清零 / 发牌 / 状态广播 / 房主踢人 / 继电器开关”

🃏 真实二创落地范例 · 【打牌计分小程序】

事实证明:同一套前后端骨架,换一套 UI 皮肤和业务数据模型,就是一款完全不同的高粘性爆款小程序!

作者正是利用本工程完全相同的 uni-app 前端 + 后端状态机架构,快速改装并成功上线了一款 【打牌计分 / 棋牌桌游对局记账】 微信小程序:

  • 🎴 房间与牌友管理:多人扫码进房,实时呈现每个玩家的状态与筹码底池。
  • 毫秒级状态同步:计分、撤销、加倍、结算实时推送,全房人员数据秒级同步。
  • 📊 详细战绩对账流水:每一把的输赢明细、走势排行榜一览无余。

欢迎微信扫一扫体验真实二创成品:

打牌计分小程序码
👉 微信扫一扫,立即体验极速流畅的实时计分与房间同步 👈


🚀 更多脑洞大开的二次开发改造场景

  • 🃏 棋牌桌游 / 竞技活动计分器:掼蛋、斗地主、德州扑克、麻将、桌游,支持多人开房、多局积分统计与胜率排行。
  • 🏃 多人体能赛事 / 健身打卡排行榜:统计好友打卡天数、运动里程、热量消耗,实时刷新朋友圈排行榜 Top 榜。
  • 📦 轻量级固定资产借还 / 工具库房管控:扫码出入库、借用状态追踪、超时未归还自动触发告警通知。
  • 🎯 狼人杀 / 剧本杀 / 密室逃脱 DM 主持人中控:法官掌控全场角色存活状态、夜晚结算指令下发、全场事件流水复盘。
  • 🏠 智能家居 / 智慧农业环境控制中心:采集温湿度、土壤水份,手机端远程一键控制风机、浇水泵和电磁阀。
  • 🖥️ 个人私有云 / NAS / 实验室服务器监控:随身掌握群晖 NAS、家庭微型服务器、GPU 算力集群的负载与温度。
  • 🚗 车载终端 / 无人机 / 巡检机器人遥测站:实时展示无人机/机器人的电量、传感器速度,并支持下发一键返航/停机应急指令。

📱 微信小程序实机运行截图

💡 实机运行预览:各模块高清实机运行效果请直接在上方插件市场【插件预览截图】轮播图中滑动浏览!

1. 监控中枢数据大盘 (pages/index/index)

集成 MQTT 实时链路与 Redis 缓存双就绪检测,动态计算集群综合健康评分,直观呈现资产概览、活动告警、组件状态与集群在线率。支持 CPU/内存/磁盘资源水位 Top 榜切换,待处理紧急告警闪烁通报。


2. 主机设备资产管理 (pagesAsset/hostList/hostList)

支持按网络组(如 LAN-A、DMZ)、机房物理位置、资产负责人及自定义标签进行快速模糊检索。具备“全部、在线、离线、待审批”多维状态过滤,一键直达实时全景监控与资产编辑。


3. 主机实时全景监控 · 计算/存储/网络透视 (pagesMonitor/hostDetail/hostDetail)

毫秒级数据采集,全景透视单机详细画像:

  • 核心计算:实时 CPU 使用率进度条、硬件 CPU 物理型号、内存使用量与总计。
  • 磁盘存储与 IO:多分区(C盘、D盘等)容量占比柱状条,实时磁盘读写速率(B/s、KB/s、MB/s 自动换算)。
  • 网络与 TCP 拓扑:精确统计 Established、TimeWait、CloseWait、Listen 连接数,监测各物理网卡的上行与下行吞吐。

4. 主机实时全景监控 · Top10 进程与组件健康

针对运维最关心的突发高负载,提供 Top 10 消耗进程实时快照(支持一键切换“全部 Top10”、“CPU 前5”、“内存前5”),精准定位资源占用的进程名、PID 与数值;底部联动组件健康探测状态。


5. 中间件与组件健康探测清单 (pagesAsset/componentList/componentList)

针对分布式系统中部署的各种关键服务(如 EMQX、Redis、RabbitMQ、自定义后台守护进程等),支持健康指标比对。精准高亮“进程数量与预期不符”、“宿主主机离线”等根因诊断。


6. 告警中心 · 历史事件流时间轴 (pagesAlert/alertList/alertList)

以专业时间流形式回放每一次告警的生命周期。红点标识“触发告警”,绿点标识“指标落回阈值自动恢复”,精确记录发生时刻、指标绝对值与阈值对比,支持一键订阅开启微信服务通知卡片提醒。


7. 告警中心 · 策略规则与抑制机制

内置工业级防抖与告警抑制模型:

  • 支持自定义告警适用对象(全部/指定组)、监控指标、判定阈值(Threshold Gt)。
  • 防抖持续时间:避免毛刺波动引发误报(例如持续 30 秒/60 秒超标方才告警)。
  • 父子依赖抑制:当父规则(如“主机心跳丢失离线”)触发时,该主机下的 CPU/内存/组件子规则自动静默,彻底杜绝告警风暴!

8. 远程命令调度中心 (pagesCommand/commandCenter/commandCenter)

提供手机端跨网络安全下发操作指令(如远程安全重启、计划关机、服务热重载等)。具备防误触确认机制与完善的命令审计历史记录,让紧急移动运维安全、可信、可追溯。


🏗️ 系统架构与运转设计

BmmAgent 物联网与主机智能监控管理平台·系统运转全景架构

🛠️ 全栈技术清单

维度 技术栈 / 组件 作用说明
前端框架 uni-app + Vue 2.x 跨端开发基座,深度适配微信小程序原生渲染环境
图表可视化 lime-echart (ECharts) 移动端高性能 Canvas 图表,支撑多维度指标图表渲染
样式方案 Vanilla CSS + SCSS 工业深蓝科技风设计系统,卡片式布局与丰富动效反馈
通信机制 HTTPS (uni.request) + MQTT / WSS RESTful 业务交互与双向异步长连接消息调度
后端框架 .NET 8.0 WebAPI (C#) 现代化高性能异步微服务,内置 HostedService 后台调度
消息中间件 EMQX (MQTT 5.0) 百万级并发连接能力,边缘物联网设备通用标准通信底座
内存与存储 Redis (StackExchange.Redis) 超高性能内存状态机,利用 SortedSet 实现毫秒级告警回溯
安全与证书 Let's Encrypt / 华为云 SSL 全链路 HTTPS / WSS 传输层强安全加密
部署交付 Docker & Docker Compose 一键编排容器化快速交付,极度简化运维部署负担

💰 每年总运营成本 (每天仅需 1 块钱!)

本项目经过高强度性能优化,后端 .NET 8 内存控制极其轻盈,仅需最基础配置的云服务器即可稳定带动数十台设备实时高频通信!

📸 真实账单图文实录

① 云服务器规格(华为云 Flexus 实例)

  • 配置参数:2核 CPU / 2GiB 内存 / 40GiB 高性能系统盘 / 100GB 月度流量包 / 2Mbit/s 峰值带宽。
  • 操作系统:Windows Server 2019 标准版 64 位(或轻量 Linux 镜像)。

② 服务器年付订单

  • 官方标准原价:¥377.32 / 年
  • 叠加专属代金券抵扣:-¥48.00
  • 实付年费仅需:¥329.32 元 / 年!

③ 顶级域名年付账单

  • 华为云域名注册服务,顶级 .cn 国际域名续费 1 整年:
  • 实付仅需:¥38.00 元 / 年!

🎯 成本总结算

$$\text{总年成本} = 329.32 \text{ (服务器)} + 38.00 \text{ (域名)} = \mathbf{367.32 \text{ 元/年}}$$
$$\text{每日平均开销} \approx \mathbf{1.00 \text{ 元/天}}$$

💡 无需昂贵集群!仅用每天 1 块钱的成本,就能独立打造并运营一套稳定、高可用的全套云端物联网管控平台! 无论是大学生做毕业设计、个人开发者做创意副业、还是初创团队搭建私有化巡检中枢,门槛都近乎为零!


🚀 前端极速部署指引

1. 导入与环境准备

  • 下载本模板插件包,使用 HBuilderX 直接打开工程目录。
  • 确保已安装微信开发者工具,并在其设置中开启“服务端口”。

2. 配置微信小程序 AppID

打开根目录下的 manifest.json,定位到 mp-weixin 节点:

"mp-weixin": {
    "appid": "请填写您在微信公众平台申请的小程序AppID",
    "setting": {
        "urlCheck": false // 开发调试阶段可设为 false,上线前需配置合法域名
    }
}

3. 配置后端接入地址

打开 common/config.js,将服务端地址替换为您自己的云服务器或本地局域网 IP:

export default {
  // 后端 WebAPI 服务地址 (支持本地局域网如 http://192.168.1.100:5000 或云端域名 https://your-domain.com)
  baseUrl: 'https://your-domain.com',

  // MQTT Broker 配置 (用于 WebSocket 调试或可选直连)
  mqtt: {
    host: 'wxs://your-domain.com/mqtt',
    broker: 'your-domain.com',
    port: 8084
  },

  version: '2.0.0',
  systemName: '智能物联网运维监控中枢'
}

4. 运行与预览

  • 在 HBuilderX 顶部菜单选择:运行 -> 运行到小程序模拟器 -> 微信开发者工具
  • 编译完成后将自动拉起微信开发者工具,即可尽享丝滑流畅的交互体验!

🎁 获取配套后端源码方式

如果您需要本平台配套的后端服务全套代码:

  • BmmDataCollector(基于 .NET 8.0 的高并发数据接入与 RESTful API 工程)
  • BmmAgent 客户端采集程序(跨平台 Windows/Linux 守护进程)
  • Redis 数据结构封装与清理计划任务
  • Nginx 反向代理模板

📩 【获取步骤】

  1. 在当前 DCloud 插件市场页面给予 五星好评点赞收藏
  2. 在下方评论区留言写下您的常用电子邮箱(例如:myemail@foxmail.com);
  3. 作者收到通知后,将在 将根据情况将后端完整工程包及部署文档免费投递至您的邮箱!

🤝 付费全流程协助上线部署支持 (助您的创意极速落地变现)

如果您有绝佳的商业创意、个人项目或毕业设计需求,但平时工作繁忙、缺少云服务器 Linux/Windows 运维经验、或者在微信小程序注册审核与 SSL/域名配置上屡屡踩坑

提供【全流程上线协助与技术托管支持】,助您扫清一切上线障碍,极速交付:

  • 🖥️ 云服务器全套环境搭建:华为云 / 腾讯云 / 阿里云 ECS 初始化、Docker & Docker Compose 编排、Redis、EMQX 高并发消息中枢、.NET 8 运行时一键配置。
  • 🌐 域名与安全证书闭环:协助域名选购、DNS 解析、Let's Encrypt / 华为云 SSL 证书部署,强制 HTTPS / WSS 传输层强加密。
  • 📱 微信小程序全流程打通:微信公众平台注册指引、开发者配置、服务器合法域名白名单设定、业务域名校验文件部署。
  • 📦 前后端联调与审核提审辅导:前端生产环境打包、接口跨域联调、规避常见微信官方审核拒审暗坑,助您顺利过审发布。
  • 💡 业务二创定制与架构改造:根据您的具体业务场景(如:打牌计分系统、桌游对战中控、企业资产管理、智能硬件大屏等),提供一对一技术咨询或全包定制开发。

📄 开源许可证

本项目前端代码采用 MIT License 开源,您可以自由修改、二次开发并应用于个人或商业项目中。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。