如何使存储在 Github 存储库中的 JS 文件部署到通过 Amazon CDN 服务的 Heroku

【问题标题】：How to make JS files stored in Github repository deployed to Heroku served via Amazon CDN如何使存储在 Github 存储库中的 JS 文件部署到通过 Amazon CDN 服务的 Heroku
【发布时间】：2016-12-11 00:53:21
【问题描述】：

我正在将一个 github 存储库自动部署到 Heroku。基本上我想做的是使用 Amazon Cloudfront CDN 为存储库中的所有静态文件提供服务。我是否需要将我的 github 存储库拉到 Amazon S3 以及如何在我的存储库自动部署到 Heroku 时实现 CDN 提供的文件..

目前所有静态资产都由 Heroku 提供，因为目前还没有涉及 CDN..

我想通过 CDN 提供静态文件，同时仍然保留 Heroku 的自动部署功能......

如何实现上述功能？

我需要将静态资产单独上传到 S3 吗？

【问题讨论】：

只需将 CloudFront 指向您的 Heroku URL。

标签： heroku github amazon-s3 amazon-cloudfront

【解决方案1】：

您需要做的是创建一个 CloudFront 源，然后更新您网站的 DNS 以将 CNAME 记录指向您的 CloudFront 源，而不是您的 Heroku 应用程序。

所以，现在，假设您的 Heroku 应用名为：my-app。

这意味着如果您在 Heroku 上查看您的应用，您将转到 http://my-app.herokuapp.com

如果您随后创建 CloudFront 源并将其指向 my-app.herokuapp.com，您将获得一个新的 CloudFront 域。类似 myid.cloudfront.net

接下来您可以将网站 (www.my-app.com) 的 DNS 更新为并创建 CNAME 记录，以便

www.my-app.com -> my-id.cloudfront.net

这将使对您网站的所有请求首先通过 CloudFront - 这样 CloudFront CDN 将有机会正确缓存您的静态资产并在第一次请求后加速。

然后您可以配置 CloudFront 以设置这些资产的缓存时间。

【讨论】：