Files
soul/开发文档/功能迭代记录.md
卡若 b60edb3d47 feat: 完整重构小程序匹配功能 + 修复UI对齐 + 文章数据API
主要更新:
1. 按H5网页端完全重构匹配功能(match页面)
   - 4种匹配类型: 创业合伙/资源对接/导师顾问/团队招募
   - 资源对接等类型弹出手机号/微信号输入框
   - 去掉重新匹配按钮,改为返回按钮

2. 修复所有卡片对齐和宽度问题
   - 目录页附录卡片居中
   - 首页阅读进度卡片满宽度
   - 我的页面菜单卡片对齐
   - 推广中心分享卡片统一宽度

3. 修复目录页图标和文字对齐
   - section-icon固定40rpx宽高
   - section-title与图标垂直居中

4. 更新真实完整文章标题(62篇)
   - 从book目录读取真实markdown文件名
   - 替换之前的简化标题

5. 新增文章数据API
   - /api/db/chapters - 获取完整书籍结构
   - 支持按ID获取单篇文章内容
2026-01-21 15:49:12 +08:00

10 KiB
Raw Blame History

功能迭代记录

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实时通讯
  • 评论和社区功能
  • 数据分析看板