主要更新: 1. 按H5网页端完全重构匹配功能(match页面) - 4种匹配类型: 创业合伙/资源对接/导师顾问/团队招募 - 资源对接等类型弹出手机号/微信号输入框 - 去掉重新匹配按钮,改为返回按钮 2. 修复所有卡片对齐和宽度问题 - 目录页附录卡片居中 - 首页阅读进度卡片满宽度 - 我的页面菜单卡片对齐 - 推广中心分享卡片统一宽度 3. 修复目录页图标和文字对齐 - section-icon固定40rpx宽高 - section-title与图标垂直居中 4. 更新真实完整文章标题(62篇) - 从book目录读取真实markdown文件名 - 替换之前的简化标题 5. 新增文章数据API - /api/db/chapters - 获取完整书籍结构 - 支持按ID获取单篇文章内容
10 KiB
功能迭代记录
2026-01-17
v1.1.1 UI/UX优化 - 分享功能与找伙伴模块
负责人: 卡若 (AI助理)
1. 文章分享功能优化
- 专属分享链接: 点击分享按钮生成带用户邀请码的链接(
?ref=邀请码) - 分享弹窗: 底部弹出式设计,支持复制链接、微信好友、朋友圈、生成海报四种方式
- 佣金提示: 显示"好友购买你获得90%佣金"鼓励分享
2. 文章底部导航
- 上下篇导航: 每篇文章底部显示上一篇/下一篇按钮
- 醒目设计: 下一篇使用渐变色背景突出显示
- 分享引导: 底部添加"分享赚钱"卡片
3. 找伙伴功能(原匹配)
- 改名: "语音匹配"统一改为"找伙伴"
- 购买限制: 仅购买过书籍的用户可使用匹配功能
- 未购买提示: 显示"购买9.9元即可使用"引导
- 图标更新: 底部导航图标从星球改为Users图标
4. 用户信息绑定优化
- 双模式输入: 加入弹窗支持手机号和微信号切换
- 自动填充: 已登录用户自动填充绑定信息
5. 我的页面分销中心简化
- 链接展示: 直接显示推广链接,一键复制
- 快捷操作: 生成海报、提现、设置三个按钮
- 数据统计: 推荐人数、成交订单、可提现金额、佣金率
修改文件
components/chapter-content.tsx # 分享弹窗、上下篇导航
lib/book-data.ts # getNextSection/getPrevSection函数
app/match/page.tsx # 找伙伴功能、购买限制
app/my/page.tsx # 分销中心简化
app/page.tsx # 底部导航更新
app/chapters/page.tsx # 底部导航更新
components/bottom-nav.tsx # 全局导航更新
components/layout/bottom-nav.tsx # 全局导航更新
v1.1.0 分销模块升级 - 30天绑定规则与自动提现
负责人: 卡若 (AI助理)
1. 新增功能
- 30天绑定规则: 用户点击分享链接后与分销商绑定30天,期间付款均归属分销商
- 绑定追踪系统: 记录每次链接点击,支持多来源追踪(链接/小程序/海报/二维码)
- 过期提醒机制: 绑定即将过期(7天内)时在分销中心显示提醒
- 自动提现功能: 支持设置阈值,达标后自动打款到微信/支付宝账户
- 后台分销管理: 完整的分销数据看板、绑定列表、提现审核功能
2. 技术架构
lib/modules/distribution/ # 分销模块
├── types.ts # 类型定义(绑定、分销商、提现、配置)
├── service.ts # 核心服务(绑定追踪、过期检测、佣金计算)
├── auto-payment.ts # 自动打款(微信企业付款、支付宝转账)
└── index.ts # 模块导出
app/api/distribution/route.ts # 分销API
├── GET: overview/bindings/withdrawals/reminders
├── POST: record_click/convert/request_withdraw/set_auto_withdraw
└── PUT: approve_withdraw/reject_withdraw/update_distributor
app/my/referral/page.tsx # 分销中心(升级版)
├── 绑定用户列表(按状态分类)
├── 过期提醒横幅
├── 自动提现设置入口
└── 绑定规则说明
app/admin/distribution/page.tsx # 后台分销管理
├── 数据概览(今日/本月/累计统计)
├── 绑定管理(状态筛选、剩余天数显示)
├── 提现审核(一键通过/拒绝、自动打款)
└── 分销商管理(等级、佣金比例、状态)
components/modules/distribution/
└── auto-withdraw-modal.tsx # 自动提现设置弹窗
3. 分销绑定规则
- 绑定触发: 用户点击带
?ref=CODE的分享链接时创建绑定 - 绑定有效期: 30天(可在配置中调整)
- 绑定策略: 首次绑定优先(可切换为最后绑定)
- 转化归属: 绑定期内用户付款,佣金归属绑定的分销商
- 过期处理: 到期自动解除绑定,分销商收到提醒
4. 自动提现规则
- 阈值设置: 用户可设置自动提现阈值(最低10元)
- 账户绑定: 需先设置微信号/支付宝账号和真实姓名
- 执行时间: 每天10:00检查并执行符合条件的自动提现
- 打款方式:
- 微信:企业付款到零钱(需商户证书)
- 支付宝:单笔转账到支付宝账户
5. API接口说明
// 记录链接点击并创建绑定
POST /api/distribution
{
action: 'record_click',
referralCode: 'ABC123',
referrerId: 'user_001',
visitorId: 'visitor_001',
source: 'link' | 'miniprogram' | 'poster' | 'qrcode'
}
// 转化绑定(用户付款时调用)
POST /api/distribution
{
action: 'convert',
visitorId: 'visitor_001',
orderId: 'order_001',
orderAmount: 9.9
}
// 设置自动提现
POST /api/distribution
{
action: 'set_auto_withdraw',
userId: 'user_001',
enabled: true,
threshold: 100,
account: { type: 'wechat', account: 'xxx', name: '张三' }
}
6. 下一步优化
- 接入MongoDB持久化存储(当前为localStorage模拟)
- 对接微信/支付宝正式打款接口
- 添加分销商等级升级规则
- WebSocket实时推送提醒消息
2025-12-28
v0.2.0 核心阅读功能与模块化架构
负责人: 卡若 (AI助理)
1. 新增功能
- 动态文章详情页: 重构
app/read/[id],支持从文件系统动态读取 Markdown 内容,替代硬编码数据。 - 模块化架构定义: 初步建立支付、营销、分销三大变现模块的接口定义 (
lib/modules/*)。 - 内容解析引擎: 升级
lib/book-file-system.ts,增加内容读取与 Slug 匹配功能。
2. 优化
- 开发文档: 新增
2、架构/变现模块设计.md,明确变现系统的技术实现路径。 - 项目管理: 实时更新项目推进表,确保进度可视。
3. 下一步计划
- 实现营销模块的弹窗逻辑(阅读拦截)。
- 开发支付模块的 Mock 实现,打通购买流程 UI。
2025-12-29
v0.3.0 支付模块集成
负责人: 卡若 (AI助理)
1. 新增功能
- Universal_Payment_Module集成: 添加适配器模式,支持支付宝、微信等支付网关。
- API端点: 创建/create, /checkout, /notify路由。
- 数据库模型: Order和PayTrade schema。
2. 优化
- 修复语法错误,运行lint检查。
- 验证实时支付功能。
3. 下一步计划
- 前端优化和测试组件添加。
2025-12-29 (晚)
v0.4.0 分销与裂变系统 (Phase 5)
负责人: 卡若 (AI助理)
1. 新增功能
- 分销海报生成器: 实现
PosterModal组件,支持自动生成含用户邀请码和专属二维码的推广海报。 - 分销中心升级: 优化
/my/referral页面,集成海报生成入口,提供多渠道分享(微信、朋友圈、Soul)。 - 邀请机制闭环: 确认邀请码生成、绑定(注册时填写)、收益计算逻辑已在
store.ts中完全实现。
2. 进度同步
- 完成第五阶段核心功能:邀请码生成、绑定、收益计算、裂变海报。
- 更新项目推进表,标记相关任务为完成。
3. 下一步计划
- 提现逻辑完善(目前仅UI展示)。
- 准备部署上线。
2025-01-14
v1.0.0 微信小程序完整版
负责人: 卡若 (AI助理)
1. 新增功能
- 微信小程序架构: 完整创建小程序版本,包含5个核心页面(首页/匹配/我的/阅读/章节)
- 腾讯轻松付款: 集成微信支付API,支持动态定价(9.9元起,每天+1元)
- 随机匹配书友: 类Soul星球的匹配功能,包含星空动画、匹配算法、兴趣展示
- 后台模块化管理: 三大管理模块(内容/付费/分销),完整的CRUD接口
- 实时同步系统: 自动监听book目录变化,实时同步章节内容到小程序
- 分销系统完善: 90%佣金比例,推广海报生成,邀请码系统,收益统计
2. 技术架构
- 前端:微信小程序原生开发(WXML/WXSS/JS)
- 后端:Next.js API Routes
- 支付:微信支付API V3
- 同步:文件系统监听 + 增量更新
- 管理:模块化后台(/api/admin/*)
3. 文件结构
``` miniprogram/ # 小程序源码目录 ├── pages/ # 页面 │ ├── index/ # 首页 │ ├── match/ # 匹配书友 │ ├── my/ # 我的(含分销) │ ├── read/ # 阅读页 │ └── chapters/ # 章节列表 ├── utils/ # 工具类 │ └── payment.js # 微信支付 ├── app.js/json/wxss # 全局配置 └── README.md # 使用说明
app/api/ # 后端API ├── admin/ # 管理后台 │ ├── route.ts # 后台入口 │ ├── content/route.ts # 内容管理 │ ├── payment/route.ts # 付费管理 │ └── referral/route.ts # 分销管理 └── sync/route.ts # 实时同步
开发文档/ └── 小程序开发完成说明.md # 完整交付文档 ```
4. 部署说明
- 小程序AppID: 需在
project.config.json配置 - API地址: 需在
app.js配置apiBase - 微信支付: 需配置商户号和密钥
- 服务器域名: 需在小程序后台配置白名单
5. 核心特性
- ✅ iOS风格设计(毛玻璃效果、流畅动画)
- ✅ 高性能(图片懒加载、骨架屏、缓存机制)
- ✅ 完整支付流程(创建订单、微信支付、状态查询)
- ✅ 匹配算法(实时匹配、兴趣计算、历史记录)
- ✅ 分销体系(邀请码、佣金计算、海报生成、收益提现)
- ✅ 后台管理(内容发布、订单管理、分销结算)
- ✅ 实时同步(自动监听、增量更新、日志记录)
6. 下一步优化
- 数据库接入(替换Mock数据)
- 用户认证系统完善
- WebSocket实时通讯
- 评论和社区功能
- 数据分析看板