共享WiFi贴微信小程序产品系统Vibe Coding

我要开发同款
kirito2026年08月24日
4阅读

技术信息

语言技术
SQL ServerJavaScriptVueNode.js小程序
系统类型
小程序轻应用
行业分类
生活旅游

作品详情

行业场景

面向线下实体店(餐饮、美容、零售)的 WiFi 流量变现项目:顾客扫码看广告免费连 WiFi,商家零成本提升到店体验,平台通过微信流量主广告分成获利,属于本地生活服务赛道。

功能介绍

▎ 共享WiFi贴小程序平台
▎ - 微信原生小程序 + Node.js/Express + MySQL 全栈开发,包含顾客端、商家后台、代理端、平台总后台四端
▎ - 实现激励视频广告变现闭环:扫码 → 广告解锁 → 一键连接(Android/iOS差异处理+手动密码兜底)→ 24h免广告复连
▎ - 三级账号体系与数据隔离:平台可分配商家给代理,代理受限管理(只增改、禁停用删除),权限校验覆盖前后端
▎ - 设计代理/商家分层收益分成模型(平台设单价、代理50%份额内自主分配),提现走"申请-审核-微信转账"线下结算流程,自动生
▎ 成结算清单Excel
▎ - 微信生态集成:小程序码(scene多码识别)、扫码免密登录(首扫绑定+随机凭证防伪)、流量主广告位配置
▎ - 安全实践:JWT鉴权、登录限流防爆破、WiFi密码AES-256加密存储、SQL全参数化、越权测试覆盖
▎ - 编写70项自动化冒烟测试(API闭环/权限/边界),撰写部署文档支持用户自行迁移服务器

项目实现


我负责该项目的全部设计与开发工作,包括需求梳理、数据库设计、前后端开发、接口联调、自动化测试以及部署文档编写。项目采用
前后端分离架构,微信原生小程序作为顾客端,Vue3 配合 Element Plus 开发商家后台与平台总后台,后端使用 Node.js 配合
Express 框架,数据库选用 MySQL,整体部署在 Linux 云服务器并通过 Nginx
反向代理。顾客扫码进入小程序,观看激励视频广告后解锁商家 WiFi 连接,24 小时内免重复广告,商家通过后台自助录入 WiFi
信息、生成并下载打印二维码、查看扫码与收益数据,平台后台统一管理商家、代理与提现结算,实现广告流量变现的商业闭环。

技术栈方面,小程序端使用原生微信小程序开发,包含扫码落地页、连接页、商家管理页等页面,接入微信小程序码、激励视频广告、
系统 WiFi 连接等原生能力;后端使用 Node.js、Express、MySQL,实现登录鉴权、限流、事务、统计聚合与 Excel
导出;两个管理后台使用 Vue3、Element Plus、ECharts 图表库;安全方面采用 JWT 令牌、密码 AES
加密存储、参数校验与权限隔离。

实现亮点主要有三个。第一是商家扫码免密登录,商家首次扫描管理码自动绑定微信号,之后扫码直接进入管理界面,无需记忆账号密
码,管理码内含随机凭证防止伪造。第二是分层收益分成模型,平台设置广告单价,代理默认获取名下商家总收益的百分之五十份额,
并在自身份额内自主设定各商家的分成比例,系统自动计算各方收益并支持提现申请与结算清单导出。第三是连接体验的兼容设计,针
对安卓十以上系统必须跳转系统设置、苹果手机需要本地网络授权的平台限制,设计了自动连接与手动密码兜底的双路径方案,并加入
超时自动切换机制,确保绝大多数顾客都能

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论