部署React网站：S3+CloudFront与EC2的区别及适用场景选择

S3 + CloudFront 适用场景 #

• 纯静态React站点：项目打包后仅包含HTML、CSS、JS及静态资源，不需要服务端渲染（SSR）、增量静态生成（ISR）等依赖Node.js运行时的服务端能力
• 流量波动大的场景：S3和CloudFront为全托管服务，可自动扩缩容应对突增流量，按实际使用量计费，无访问时成本极低，小流量个人项目月成本可低至几美分
• 对全球访问速度有要求的场景：CloudFront覆盖全球的边缘节点可就近返回静态资源，访问延迟远低于单区域部署的EC2实例
• 无专职运维人员的场景：无需维护服务器补丁、安全配置、宕机恢复等工作，仅需将npm run build生成的产物上传至S3即可完成部署，运维成本几乎为0
• 预算有限的个人博客、企业官网、文档站点、活动落地页等场景，性价比极高

EC2 部署适用场景 #

• 项目依赖服务端运行时能力：比如使用Next.js等框架开发，需要启用SSR、ISR、服务端接口代理等能力，无法直接静态托管的React项目
• 小型全栈项目打包部署场景：需要在同一实例内同时部署前端、后端API、数据库等整套服务，不想拆分多服务做架构设计的场景
• 高度自定义部署需求场景：比如需要安装特定服务中间件、自定义请求处理逻辑、满足特殊合规要求需要资源完全可控的场景
• 流量规模稳定、有专职运维团队的场景：可自行管控实例配置、扩缩容策略、安全规则，适配团队的特殊运维规范

选型建议：90%以上的纯前端React项目优先选择S3+CloudFront方案即可，只有明确存在服务端运行依赖、高度自定义部署需求时，再考虑EC2方案，可大幅降低运维成本和支出。

内容的提问来源于stack exchange，提问作者Deepak Choudhary