部署入门（从传统服务器到现代云原生）
目标：把你写好的项目，从”在我电脑上能跑”变成”全世界都能通过一个网址访问”。先看懂传统怎么部署、为什么累，再学会用 CI/CD + OSS/CDN + Serverless + 云服务 这套现代方式，不碰服务器就把前端 + 后端 + AI 的完整项目送上线。
这篇教程适合谁？
- 会写前端（Vue/React）、会写后端（FastAPI/Node），但项目一直只在本地跑的同学
- 想把自己的 AI 应用发布出去，让别人用网址就能访问的同学
- 听过 CI/CD、Serverless、CDN、OSS，但没有清晰画面的同学
- 想搞懂”现在的项目到底是怎么上线的”的同学
学完你能做到
- 说清楚传统”自己一台服务器”的部署全流程，以及它累在哪
- 理解现代部署”不碰服务器”的思路，以及相比传统的好处
- 讲清 CI/CD 解决什么问题、一条流水线的主流程是什么
- 把前端 build 后部署到 OSS + CDN，全国加速访问
- 把后端打成 Docker 镜像，用 Serverless 跑起来
- 理解为什么数据库、AI 都直接用云端服务/API，以及”无状态思维”
- 配好域名与 HTTPS，把前后端拼到一个可访问的线上项目里
前置知识（建议先具备）
- 前端构建：知道
npm run build会产出静态文件 → 前端体系化快速进阶 - 后端接口：知道怎么写一个 HTTP 接口 → FastAPI 入门
- Docker：知道容器怎么打包镜像 → Docker 入门
没学过也没关系，本教程重在建立”部署”的全局认知，涉及到的概念都会用类比讲清楚。
目录（建议按顺序学）
第一部分 · 理念篇（传统 vs 现代，先看清全貌）
- 01 - 传统部署：自己一台服务器是怎么上线的
- 02 - 传统部署的痛点与缺陷
- 03 - 现代部署：不碰服务器，好处在哪
- 04 - 一个现代项目的全景架构
- 05 - 三个关键词：静态托管、Serverless、云服务
第二部分 · CI/CD（先搞懂这条驱动主线）
- 06 - 什么是 CI/CD，它解决什么问题
- 07 - 一条 CI/CD 流水线的主流程
- 08 - 现代项目里 CI/CD 具体在跑什么
第三部分 · 前端：Build 完丢 OSS + CDN
- 09 - 前端部署的本质：构建产物是一堆静态文件
- 10 - 什么是 OSS 和 CDN，为什么要配合用
- 11 - 实战：把前端部署到 OSS + CDN
第四部分 · 后端：打成 Docker，用 Serverless 跑
- 12 - 什么是 Serverless（无服务器）
- 13 - 为什么后端要打成 Docker 再上 Serverless
- 14 - 冷启动、伸缩、计费：Serverless 的脾气
- 15 - 实战：把 FastAPI 打成 Docker 部署到 Serverless
第五部分 · 数据库与 AI：全用云端服务
- 16 - 为什么数据库要用云托管
- 17 - AI 能力直接调云端 API
- 18 - 无状态思维：现代后端的核心原则
第六部分 · 域名、HTTPS、访问入口
- 19 - 域名与 DNS 配置
- 20 - HTTPS 怎么来
- 21 - 前后端如何拼在一个域名下
第七部分 · 综合实战（压轴）
- 22 - 目标与最终架构图
- 23 - 一步步把完整项目搭起来
- 24 - 总结与避坑 + 成本估算
附录
- 国内云平台选型对照表
- example/ — GitHub Actions、Dockerfile 等可复用示例
怎么用这份教程？
- 赶时间：看 01、02、03 搞懂”传统为什么累、现代好在哪”，再看 04 的全景图，半小时建立认知。
- 想系统学：从头到尾按顺序读，每章都有类比和架构图，重在理解整条链路怎么串起来。
重要提醒：这份教程默认用国内云（阿里云 / 腾讯云 + 通义 / 豆包）举例，讲的是思路和链路，不同平台按钮位置不同，但道理相通。
开始吧 → 01 - 传统部署：自己一台服务器是怎么上线的