摘要
前端研发中,多业务线、多 Portal 场景的技术栈碎片化、接口不统一,导致页面复用难、开发成本高。本文结合业务实践,拆解 PC 容器标准化的痛点、目标、落地策略,延伸多端标准化全景,为同类场景提供参考。
一、PC 容器标准化:痛点与核心目标
1.1 核心痛点
业务规模扩大后,各业务线独立研发导致前端容器出现明显瓶颈,核心痛点如下:
- 技术栈碎片化:各业务线自主选择技术栈,无统一规范,跨团队协作成本高;
- 接口标准不统一:不同 Portal 接口定义、调用方式差异大,页面无法直接复用;
- 复用效率低:跨 Portal 复用需大量适配改造,耗时费力;
- 研发门槛高:新团队需适配多业务线规范,上手慢、效率低。
1.2 建设目标
针对上述痛点,PC 容器标准化核心目标是"高效复用、低成本研发",具体拆解为:
- 复用目标:实现端侧页面跨业务线、跨 Portal 快速复用,减少重复开发;
- 体验目标:保持原有开发体验,无需大幅调整开发习惯;
- 成本目标:降低研发门槛与成本,提升跨团队协作效率。
1.3 目标拆解:复用 → 标准化
结合业务诉求,将目标分两阶段循序渐进落地:
- 复用阶段:优先实现跨业务线、跨 Portal 页面复用,解决核心痛点;
- 标准化阶段:复用能力成熟后,收敛技术实现,制定统一标准、封装通用框架。
痛点、目标及阶段拆解可通过以下流程图直观理解:
改造方向
分阶段推进
阶段拆解
复用阶段:实现跨业务线/Portal复用
标准化阶段:统一规范+框架封装
建设目标
跨Portal快速复用
保持原有开发体验
降低研发成本/门槛
现存痛点
技术栈碎片化
接口标准不统一
跨Portal复用难
研发成本高
二、现状分析与阶段规划
2.1 当前现状
目前已实现跨业务线、跨 Portal 页面复用,覆盖四种典型场景且均落地验证,为标准化奠定基础。
已实现:跨业务线/跨Portal复用
主应用支持+子应用支持
主应用支持+子应用不支持
主应用不支持+子应用支持
主应用不支持+子应用不支持
均已完成落地验证
当前仍有优化空间:标准化实现发散、通用能力模块不完善,需进一步收敛规范、封装框架(可参考 微前端容器标准化:容器标准化能力的 "配置化+ 插件化")。
2.2 阶段规划路线图
基于现状,制定阶段性规划,推进标准化落地:
| 阶段节点 | 核心目标 | 具体内容 |
|---|---|---|
| 第一阶段(通过配置生成应用) | 完善标准能力 + Framework 封装 | 1. 补齐标准通用能力模块;2. 封装 Framework,抽象统一接口;3. 提供插件系统,支持 Portal 定制化 |
| 第二阶段(通过配置组合 Portal) | 应用中心搭建 | 1. 搭建应用中心,实现应用统一管理;2. 实现 Portal 与应用配置化,降低耦合 |
2.3 整体演进路径
从当前复用能力到标准化成熟阶段,演进路径如下:
优化升级
能力提升
持续迭代
当前状态:跨业务线复用能力(手动集成)
第一阶段目标:Framework + 插件系统(配置生成应用)
第二阶段目标:应用中心 + 配置化(配置组合 Portal)
未来目标:主应用统一(无门槛复用)
三、标准化落地策略与约定
为兼顾新应用落地与旧应用兼容,针对不同类型应用,制定差异化落地策略与约定。
3.1 新主应用:强制标准化
新主应用强制采用标准化实现,作为标准化推进核心载体:
- 标准化主应用下所有子应用,需同步遵循统一标准;
- 以主应用为切入点,正向带动子应用标准化。
3.2 新子应用:强制标准化
所有新开发子应用,强制采用标准化实现:
- 若主应用未标准化,需同步完成主应用改造;
- 反向推动主子应用协同标准化。
3.3 旧主子应用:按需改造
存量旧主子应用不强制一刀切,结合需求灵活改造:
- 有跨业务线、跨 Portal 复用需求的,优先升级至最新标准;
- 无复用诉求、运行稳定的,可暂不改造,后续逐步优化。
3.4 落地决策流程
为便于执行,制定清晰的落地决策流程:
新主应用
新子应用
旧应用
新建应用判断
应用类型
强制采用标准化实现
强制采用标准化实现
结合复用需求,按需改造
推进子应用标准化
同步改造主应用(若需)
有复用需求→升级;无→暂不改造
四、多端容器标准化全景
PC 容器标准化是端侧容器标准化体系的一部分,体系覆盖多类端容器,各类型容器按规划有序推进:
- PC 容器:业务线内复用 → 跨业务线复用 → 能力完善与 Framework 封装 → 应用中心建设 → 主应用统一复用;
- PC 富应用容器:首个 PC Client 落地 → 客户端标准化 → 新客户端场景支持;
- 移动端 H5 容器:多类型 H5 业务支撑 → H5 页面标准化建设 → H5 样板间模板扩展;
- 移动端 RN 容器:APP 架构标准化 → RN 容器标准化 → 持续优化完善。
五、总结
PC 容器标准化以"解决复用痛点、降低研发成本"为核心,通过"先复用、后标准"的分阶段策略,结合新应用强制标准化、旧应用按需改造的方式,已完成核心复用能力落地。
未来将持续完善 PC 容器能力,同步推进多端标准化,形成全端统一体系,提升研发效率,支撑业务快速迭代。