Heroku通过前端Web云原生构建包改进静态网站支持
内容提要
Heroku推出前端Web云原生构建包（CNB），支持静态网站部署，适用于HTML、CSS和JavaScript客户端应用。开发者可通过git和GitHub部署，使用project.toml配置，并借助Heroku Pipelines和Review Apps协作。该构建包已向所有客户开放，支持从社区构建包迁移。
延伸解读
静态网站部署的标准化路径
Heroku 新推出的前端 Web 云原生构建包（CNB）为静态网站提供了标准化的部署方案。开发者只需通过 git 和 GitHub 推送代码，并使用 project.toml 文件进行配置，即可完成部署。该构建包已向所有客户开放，并支持从社区构建包迁移，降低了静态网站托管的技术门槛。
协作与工作流集成
该构建包与 Heroku Pipelines 和 Review Apps 集成，支持团队协作和持续交付。开发者可以利用十二要素应用配置原则，在 Heroku 可信且可扩展的 dynos 上运行静态网站。这有助于前端团队更高效地管理部署流程，并保持与现有 Heroku 工作流的一致性。
迁移与采用建议
对于目前使用社区构建包（如 heroku-community/nginx 或 create-react-app-buildpack）运行静态网站的开发者，Heroku 提供了迁移指南。迁移到新的 CNB 可以受益于标准化构建系统，并确保与 Heroku 平台未来发展的兼容性。建议评估现有配置并参考官方指南进行迁移。
Q&A
Heroku 新推出的前端 Web 云原生构建包是什么？
Heroku 推出的前端 Web 云原生构建包（CNB）是一个完整的静态网站部署解决方案，专门用于部署由 HTML、CSS 和 JavaScript 组成的客户端浏览器应用。它支持从 git 和 GitHub 部署，采用十二要素应用配置，并通过 Heroku Pipelines 和 Review Apps 实现协作工作流。
如何使用 Heroku 的前端 Web 云原生构建包部署静态网站？
首先在包含 public/index.html 的目录中创建 project.toml 文件，内容需指定 schema-version、构建包组 id 为 heroku/static-web-server，并配置根目录和索引文件。然后初始化 git 仓库并提交文件，接着使用 Heroku CLI 创建 CNB 应用（如 heroku apps:create my-web-app --stack cnb），最后通过 git push heroku 部署，访问应用的 herokuapp.com URL 即可。
Heroku 前端 Web 云原生构建包支持哪些前端便利功能？
除了静态 Web 应用部署的基础功能外，该构建包还提供额外的前端便利功能，具体细节可参考静态 Web 服务器的技术使用参考文档。
如果已经在 Heroku 上使用社区构建包运行静态网站，如何迁移到新的 CNB？
Heroku 提供了迁移指南，针对 heroku-community/nginx 和 create-react-app-buildpack 这两个社区构建包，开发者可以参考相应的迁移指南进行迁移。
Heroku 前端 Web 云原生构建包是否对所有客户开放？
是的，随着最近对 Cedar 代应用添加 CNB 支持，该构建包现已面向所有 Heroku 客户开放，并且是一个开放、标准化的构建包系统。
Heroku 自己的前端工程团队是否在使用这个构建包？
是的，Heroku 自己的前端工程团队正在采用前端 Web 云原生构建包（CNB）来交付面向客户的界面，例如 dashboard.heroku.com。
