微信加油 H5 系统是一套真实对接能链团油开放平台的能源服务平台:用户在微信内打开即可按定位查找附近油站、查看油品价格、按金额或升数下单并跳转能链收银台支付;平台侧配套会员体系、三级分销佣金与完整管理后台。三层架构——用户 H5、Web 管理后台、Node.js 后端,数据库十一张表覆盖用户、油站、油价、油枪、订单、分销佣金、提现、配置、反馈、公告与 Banner。

用户端 H5 有哪些功能?

油站发现:首页轮播、导航图标与公告下方,是基于定位的附近油站列表——品牌标签(中石化、中石油、壳牌)、名称、地址、距离与参考油价,支持按距离、价格、品牌排序筛选。

油站详情与下单:渐变色头部展示品牌、地址、营业时间与电话;设施标签与油品价格列表(92/95/98 号,标准价与 VIP 专属价);选油品后展示油枪状态(空闲/使用中/维护中);金额支持直接输入或按升数自动计算,附快捷金额按钮。下单走能链令牌 → 下单接口 → H5 收银台链接的完整链路,订单同步落库。

订单与个人中心:订单列表按状态筛选(待支付/支付中/已完成/已取消),详情页信息完整;个人中心含全部订单数与累计佣金统计、我的收藏(油站弹窗)、浏览历史(自动去重保留近 50 条)、意见反馈、消息与位置服务开关。

分销中心:审批制开通;通过后展示累计/可提现/冻结佣金、个人邀请码与二维码、邀请好友列表(手机号脱敏);提现选微信/支付宝、上传收款码,走管理员审核流程。

管理后台覆盖哪些模块?

  • 仪表盘:总用户、总订单、今日订单、总佣金等核心指标;
  • 用户管理:编辑昵称与状态、启禁用、删除,可查看上级 ID 与邀请码关系;
  • 油站管理:油站增删改查,弹窗内可直接修改各油品标准价与 VIP 价;
  • 订单与提现:订单按状态筛选、待支付/支付中订单可由管理员取消;提现申请支持通过/拒绝/标记已打款,拒绝自动退回佣金;
  • 分销申请管理:查看申请人等级、姓名、收款码,审批后更新分销员状态与等级;
  • 系统配置:微信、微信支付(商户号、API 密钥、证书序列号、回调地址)、分销比例、地图与能链 API(应用标识、密钥、渠道编号)分组折叠编辑,另有全量配置表可直接改值,并标注配置来源;
  • 公告/Banner/反馈:富文本公告、轮播图/广告图/导航项三类 Banner(图格式与 5MB 限制、可视图标选择器)、反馈回复闭环。

能链 API 对接包含哪些环节?

五个核心流程:用户令牌获取(手机号换取认证令牌,2 小时有效自动刷新)、附近油站查询(经纬度 + 半径)、订单创建(油站编号、油枪号、油品编号、金额)、H5 支付链接构建(用户在微信浏览器完成付款)、支付回调(更新本地订单状态并结算分销佣金)。签名采用 MD5 大写,参数按字母排序拼接追加密钥。

这个系统是加油场景的完整商用实现;充电桩等新能源场景可参考本地生活与同城栏目的其他系统组合方案。