使用Amazon CloudFront托管

使用Amazon CloudFront托管

CloudFront 是亚马逊的内容分发网络(CDN)。Framer 使用 CloudFront 作为其资源的默认 CDN。只有在需要对托管进行更多控制时,才需要设置您自己的 CloudFront。

设置

在你的 Framer 项目中,进入“设置” -> “域名”。为你的网站添加一个免费的 Framer 子域名(例如 my-company.framer.website)。

接下来,请务必设置你的规范 URL。仍在“设置” -> “域名”中,将规范 URL 选项设为“高级”,插入你的自定义域名(例如 my-site.com),然后发布你的网站。

登录 AWS 管理控制台并前往 CloudFront。点击“创建分发”。

在“源域”字段中添加你的 Framer 域名,并可选择性地调整你的设置。

请确保使用你自定义的 Framer 子域名,而不是“基础域名”(.framer.app)。

对于默认缓存行为,请确保设置以下内容:

  • 查看器协议策略:将 HTTP 重定向到 HTTPS

  • 允许的 HTTP 方法:GET, HEAD

    • 注意:如果你正在为你的 Framer 网站设置密码保护,请改为选择“GET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE

  • 缓存策略:CachingOptimized

  • 源请求策略:AllViewerExceptHostHeader

  • 响应头策略:SecurityHeadersPolicy

可选择性地调整设置。完成后,点击“创建分发”。

一旦分发部署完成,点击链接访问它。通过访问该分发链接,你现在可以看到由 CloudFront 托管的 Framer 网站。

设置多个源

如果你想设置如下所示的 CloudFront 分发:

首先,按照前面提到的步骤创建一个分发。

然后,对于主分发(my-site.com),进入“行为”标签页并点击“创建行为”。

接着,添加路径模式“/framer-project/*”,并选择 Framer 项目源。有多种匹配选项可供选择,但本质上此配置会将“/framer-project/”下的所有内容转发到 Framer 网站。

请确保选择与前一节所述相同的设置(查看器协议策略、缓存策略、响应头策略等)。

保存更改并等待其部署。现在你将在单个 CloudFront 分发下拥有两个源。接下来,你可能需要将你的主域名添加到 CloudFront 分发中:

提示:如果你想让 CloudFront 支持你的裸域 / 根域(mysite.com 而不是 www.mysite.com),建议使用 Route53

如果你遇到任何问题或需要进一步帮助,请随时通过 我们的联系页面 联系 Framer 支持团队。

Create a free website with Framer, the website builder loved by startups, designers and agencies.