微信小程序全栈开发-证件照制作与生活计算工具箱

一、立项背景与目标
个人与小商户在办证、求职、考试等场景经常需要标准证件照，线下照相馆费用高、排队久；日常的房贷车贷、用车养车等计算又分散在各类网页里，广告多、不可信。本项目目标是做一款免费好用、隐私安全的一站式生活工具小程序：证件照在家拍、各类费用测算随手算，并通过会员制提供可持续的增值服务。

二、核心功能模块
1. 证件照工作室：内置 69 种标准规格（一寸二寸、各类考试与签证尺寸），支持拍照/相册导入，一键换底色（白/蓝/红等）、亮度、对比度、饱和度调节与人像美颜，导出高清成品图。
2. 计算器矩阵：房贷、车贷计算器，交强险、二手车估值、油耗测算，彩礼预算、装修预算等 9 款计算工具，部分支持生成专业测算报告。
3. 资料文档库：支持 Word/PDF/Excel/PPT 在线解析与分页阅读，提供字号字体、日间/夜间/护眼模式与评论互动。
4. 软件小店：自研软件的上架、展示、在线购买与交付（安装包+文字教程+教程文档）。
5. AI 字幕成片：视频上传后自动生成字幕、可编辑样式并烧录导出成片。

三、业务流程与功能路径
用户从首页精选服务或计算器列表进入对应功能 → 本地完成证件照制作或在线完成测算 → 免费预览、按次或开通会员解锁导出/下载 → 支持微信虚拟支付（按次付费与三档永久会员）→ 个人中心管理历史记录、已购订单与会员权益；另设邀请有礼活动，邀好友注册并使用付费功能可免费得会员。

一、整体架构与设计思路
前端采用微信小程序原生框架（WXML/WXSS/JS），按"主包+功能分包"组织：主包承载首页与会员中心，证件照、文档库、软件小店、短视频工具等拆为 7 个分包，配合 preloadRule 分包预下载控制主包体积、保证首屏秒开。后端采用微信云开发（Serverless）：33 个云函数 + 云数据库 + 云存储，免运维、按量付费，支付、内容安全、文件解析均在服务端闭环。设计上坚持"敏感处理不上传"：证件照的抠图换底色全部在手机本地 Canvas 完成，原图不出设备，兼顾隐私与流量成本。

二、我负责的模块与结果
独立完成从 0 到 1 的产品定义、UI 设计、前后端开发、支付接入、审核合规与上线运营：35 个页面、33 个云函数全部由我一人完成；接入微信虚拟支付（会员+按次付费 15 类商品），跑通 iOS/Android/Windows/鸿蒙全平台收款；建立 Node 自动化自检链路（页面 require 冒烟测试 + 云函数 mock 调用测试 + WXML 引用完整性检查），上线以来未发生白屏级事故；通过多轮微信审核并成功上线付费版本。

三、遇到的难点、坑与解决方案
1. 虚拟支付多端适配：Mac 版微信不支持虚拟支付（Apple 未提供 macOS 支持），Windows 端需手机确认收款，老版本微信直接报 API 不存在。解决方案：封装统一支付服务，按平台前置拦截并给出"转发到手机购买"的可操作引导，失败原因分级透传到页面，废订单降为零。
2. 云函数冷启动慢：文档解析函数在顶层同步加载 pdf/word/excel 四个重型库，列表页也被拖到数秒。改为按需懒加载后，模块加载阶段 0 个重型库，列表接口秒回。
3. 页面加载体验：列表页从 3 次云函数往返合并为 1 个聚合接口，叠加本地缓存+节流+下拉刷新，二次进入基本秒开。
4. 图像抠图质量：换底色在 flood fill 与阈值法之间多轮迭代，最终采用"阈值分割+腐蚀+羽化"方案，发丝边缘无白边、不误伤。
5. 防漏写事故：三次因"函数体/常量未完整写入文件"导致白屏或保存失败，沉淀出三个自检脚本强制每次改码必跑，同类问题再未复发。