微前端架构原则
了解微前端的意义、团队自治、独立部署，以及技术多样性的权衡
微前端架构原则 是 CoddyKit 上的免费 Vue Academy 课时。 这是第 1 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Vue Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Vue Academy 课程共包含 4 节课。
什么是微前端
微前端将微服务的理念应用于 UI：大型应用被拆分为多个可独立开发和部署的部分，每个部分由不同团队负责，最后组合成用户使用的一体化体验。
单体架构的痛点
单一的大型前端意味着每个团队都要使用同一个代码库、协调发布并共享一次构建。随着组织不断壮大，这会成为瓶颈——构建缓慢、合并冲突频繁，还会形成发布列车。
原则：团队自治
核心思想是端到端负责。团队负责用户界面中属于自己的那一部分，从代码到部署——拥有自己的代码仓库、流水线和运行时——因此无需等待其他团队即可推进工作。
垂直切片，而非分层
团队按业务能力（结账、搜索、个人资料）划分，而不是按技术层划分。每个切片都包含该业务能力所需的用户界面、逻辑和数据访问。
原则：独立部署
每个微前端都按自己的计划发布。搜索团队一天可以部署十次，而无需改动结账团队。发布彼此解耦，从而降低风险和协调成本。
原则：技术多样性（可选）
团队可以为不同切片选择不同框架。实际上，大多数组织会为了共享工具链而统一技术（例如全部使用 Vue），但在有充分理由时，该架构允许技术多样性。
集成方式：构建时
组合切片的一种方式是构建时集成：每个微前端都会作为一个包发布，容器应用将它们作为依赖项安装，然后统一构建。
// container package.json
{
"dependencies": {
"@org/checkout": "^2.1.0",
"@org/search": "^1.4.0"
}
}构建时集成的权衡
构建时集成很简单，但会耦合发布：要发布新版结账功能，容器就必须重新构建和部署。这样就失去了真正的独立部署能力。
集成方式：运行时
运行时集成会在运行时于浏览器中加载微前端——容器会在需要时获取远程端代码。每个远程端都可以独立部署；容器无需重新构建即可获取最新版本。
模块联邦
主流的运行时技术是模块联邦：这是一项构建功能，允许一个应用公开模块，另一个应用在运行时通过网络使用这些模块，并共享公共依赖项。您将在后续课程中使用它。
选择方案
对于希望保持简单并进行统一部署的小型团队，请使用构建时集成。当独立部署和团队自治是首要目标，并且您愿意承担额外的运维复杂性时，请使用运行时集成（模块联邦）。
快速检查
检查您对微前端原则的理解。
回顾
您学习了微前端的原则：
- 大型用户界面被拆分为由不同团队独立负责和部署的切片，再组合呈现给用户。
- 团队自治：对垂直业务切片进行端到端负责。
- 独立部署：每个切片按自己的计划发布。
- 技术多样性是可选的；大多数团队会统一技术。
- 集成方式可以是构建时（简单，但发布彼此耦合），也可以是运行时（使用模块联邦，实现真正的独立性）。
常见问题解答
「微前端架构原则」课时是免费的吗？
是的 — 「微前端架构原则」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Vue Academy 课程的其余内容，请升级到 CoddyKit PRO。 Vue Academy 课程共包含 4 节课。
「微前端架构原则」这节课中我会学到什么？
了解微前端的意义、团队自治、独立部署，以及技术多样性的权衡 你通过在浏览器中直接运行的动手代码来练习 Vue Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Vue Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 Vue Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 1 节课，共 4 节。
「微前端架构原则」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 Vue Academy 课中编写并运行代码吗？
能。每节 Vue Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。