要做官网/电商/中后台,很容易一上来列「支付、IM、直播、权限、低代码……」然后半年搭不完。本文把常见方案收成选型清单:先定位场景,再选最小集合,每项带「何时需要 / 不做会怎样 / 最小落地」。
先选场景(2 分钟)
| 你的场景 | 优先保证 | 先不要做 |
|---|---|---|
| 通用内容/营销站 | SEO、首屏、表单/咨询闭环 | 直播、复杂 IM |
| 电商/交易 | 支付、登录、履约状态 | 花活运营搭建器 |
| 平台/文档站 | 信息架构、搜索、多语言(若真需要) | 重型配置化中台 |
| 中后台 | 登录鉴权、权限、表格/表单效率 | 过度设计微前端 |
前台:高频方案怎么选
支付
- 何时需要:要收款或订金
- 不做会怎样:业务无法闭环
- 最小落地:一条 Checkout + webhook 更新订单(参见出海支付文)
- 验收:测试单 → paid;live 小额单到账
登录
- 何时需要:个性化、订单、权限内容
- 不做会怎样:只能匿名浏览,或用临时 hack
- 最小落地:一家 IdP / 邮箱登录 + JWT 或 Session;先跑通刷新与失效
- 验收:登录、刷新、登出、过期四种路径
骨架屏 / 首屏体验
- 何时需要:LCP 差、白屏投诉
- 不做会怎样:SEO 与转化双输
- 最小落地:关键路由静态骨架 + 关键数据优先加载
- 验收:移动端首屏可感知内容时间下降
大文件上传
- 何时需要:用户传视频/设计稿
- 不做会怎样:超时失败、客服工单暴涨
- 最小落地:分片 + 断点续传 + 服务端合并校验
- 验收:弱网重试可续传;校验和一致
站内搜索
- 何时需要:内容量到「目录翻不动」
- 不做会怎样:靠外置搜索引擎或用户流失
- 最小落地:先标题/标签检索;量上来再上 ES
- 验收:Top 查询有合理结果,空结果有兜底
国际化
- 何时需要:确定有第二语言市场
- 不做会怎样:早期机会成本;过早做会拖慢主市场
- 最小落地:文案 key + 路由/locale;先翻核心转化页
- 验收:语言切换不丢购物车/登录态
防爬 / IP 限制
- 何时需要:被刷接口、被洗内容
- 不做会怎样:成本与数据风险
- 最小落地:网关限流 + 关键接口鉴权;慎上复杂对抗
- 验收:压测下错误率与延迟可接受
其余如社交分享、图片处理、活动搭建、直播、IM:只有业务节奏真需要再立项;每项同样写清三问再开工。
中后台:最小骨架
面向 cra/umi 类中后台,优先这一条竖切,而不是先选十个状态库:
- 项目骨架:
pages/services/components/access - 登录与鉴权:表单登录或 SSO + token 刷新 + 失效跳转
- 权限:RBAC(菜单 + 按钮 + 接口)一套模型讲完
- 表格/表单主路径:列表查询、创建编辑、导入导出择需
- 请求层:统一错误码、超时、取消;再考虑缓存
常见模块的「何时需要」
| 模块 | 何时需要 | 最小落地 |
|---|---|---|
| 国际化 | 真有多语言运营 | antd locale + 文案表 |
| 主题/品牌色 | 多品牌或暗色要求 | CSS 变量 / 主题 token |
| 复杂状态库 | 跨页共享且频繁写 | 先 Context;真复杂再 Redux Toolkit |
| 微前端 | 多团队独立发布 | 先单体分包;别一上来上基座 |
| 打印/导入导出 | 业务明确依赖 | 单页打通一种格式即可 |
如何验证架构没有过度设计
- 两周内能上线一条主业务闭环(前台下单或中后台 CRUD)
- 新页面可复制现有模板完成,不必新增「平台级」概念
- 监控得到:关键接口错误率、登录成功率、核心页 LCP
- 待办清单里「以后可能用到」的方案都标了触发条件
下一步
- 圈定你的场景行,只勾选「本季度必须」的方案。
- 每个必选项写三问(何时需要 / 不做会怎样 / 最小落地)。
- 先做通一条闭环,再按工单增量加方案——避免汇总表驱动排期。