导语：39 篇 Web 上线了。这篇多端扩展——一份后端代码，Web + 小程序两个端跑起来，图片压缩类小程序是市面上最常见的工具形态。
38-39 篇：Web 工具站在线了（本地跑通 → 服务器上线）。现在做多端——目标：一份后端，Web + 小程序两个端。App 端？先评估再决定（33/36 篇的结论）。
一、五步多端扩展总表
| # | 步骤 | AI 做什么 | 你做什么 | 时间线 | 回链 |
|---|---|---|---|---|---|
| ① | 后端 API 复用 | 检查接口 | 配小程序合法域名 | 即时 | 39 |
| ② | uni-app 转小程序 | 写前端代码 | 预览、真机测试 | 数天 | 34 |
| ③ | 小程序备案 | — | 提交备案 | 数周（最长等待） | 35 |
| ④ | App 端评估 | 给方案 | 拍板 PWA/套壳 | 即时 | 33/36 |
| ⑤ | 上架流程 | 查要求 | 传代码、等审核 | 数天 | 37 |
经验：后端一个字不用改——小程序只是换了"前端壳"，调的还是 39 篇那套接口。
二、逐块拆解
① 后端 API 复用（39 篇）
39 篇的 FastAPI 后端原样保留。小程序端唯一要做的配置：request 合法域名——在小程序后台把 https://你的域名.com 加进"服务器域名"白名单（必须 HTTPS，09 篇的证书在这派上用场）。
经验：域名白名单是新手第一坑——小程序请求后端报 url not in domain list，不是代码问题，是没配白名单。
② uni-app 转微信小程序（34 篇）
用 uni-app（34 篇：一次编写，多端编译）写小程序页面：选图（chooseMedia）→ 上传 → 展示处理结果 → 保存到相册（saveImageToPhotosAlbum，需授权）。
让 AI 写：
"图片工具站已上线（后端 FastAPI + OSS）。帮我用 uni-app 写微信小程序：从相册选图、上传到后端、展示处理后的图、支持保存到相册。风格简洁。"
③ 小程序备案（35 篇）——最长的等待
35 篇讲过：小程序要单独备案（和域名 ICP、App 备案是三次独立的）——今天就去提交，和 ② 并行。
④ App 端评估（33/36 篇）
别一上来写原生 App（33/36 篇结论）：
- PWA：Web 加壳，成本最低（36 篇）；
- 套壳 App：WebView 包一层（36 篇）；
- Flutter：确实需要（要系统能力/商店分发/有预算）再上（33 篇）。
经验：小程序先跑起来，用户和需求验证了，再谈 App——工具站 90% 的场景小程序够用。
⑤ 上架流程（37 篇）
提交微信审核：类目选"工具-图片处理"（图片压缩类小程序是常见形态，类目好过）→ 传代码 → 等审核（一般数天）→ 上线。
三、最终架构：一份后端，三个端
| 端 | 形态 | 后端 | 说明 |
|---|---|---|---|
| Web | 网页（38-39 篇） | 同一套 | 已上线 |
| 小程序 | uni-app 编译（本篇） | 同一套 | 新增 |
| App | PWA/套壳（未来可选） | 同一套 | 验证后再上 |
经验：后端只写一次，前端三个壳——这是"先 Web 后多端"路线（33 篇）的最大红利。
四、时间线
| 阶段 | 动作 | 性质 |
|---|---|---|
| 第 1 天 | 提交小程序备案 | 等（数周） |
| 第 1 周 | uni-app 写页面 + 真机预览 | 做 |
| 第 2 周 | 配合法域名 + 提交审核 | 做 |
| 备案 + 审核下来 | 小程序上线 | — |
五、避坑清单
- 域名白名单先配：
url not in domain list九成是没配合法域名（①），不是代码错。 - 备案别拖：小程序备案是独立的一次（35 篇）——第一天就去办，和写代码并行。
- 别一上来 Flutter：App 先用 PWA/套壳（36 篇），有用户有需求再上 Flutter（33 篇）。
- 保存相册要授权：小程序存图到相册必须用户授权（
saveImageToPhotosAlbum）——拒绝授权要给引导提示。 - 类目要选对：图片处理选"工具"类目（②）——类目错了审核必被打回（37 篇：一致性铁律）。
总结
- 五步多端扩展：后端 API 复用（39，一个字不用改）→ uni-app 转小程序（34）→ 小程序备案（35，最长的等待，第一天就办）→ App 端评估（33/36，先 PWA/套壳）→ 上架审核（37）。
- 最终架构：一份后端，Web + 小程序 + 可选 App 三个端——先 Web 后多端的路线红利。
- 经验心法：域名白名单是新手第一坑；小程序先跑起来再谈 App。
- 避坑四条：白名单先配、备案提前、别一上来 Flutter、保存相册要授权、类目选对。
10 分钟小任务：对照五步总表，回答一个问题：为什么"一份后端、多端复用"比"每端写一套后端"省事？（提示：33 篇的黄金路径）下一篇，全系列最后一篇：30 条自检清单，看看你学会了什么。
下一篇：你学会了吗？30 条自检清单 + 3 个进阶方向。