如何用Cloudflare做代理

如何用Cloudflare代理

您可以将 Cloudflare 与 Framer 结合使用,以实现反向代理——非常适合流量管理、自定义路由以及符合基础设施策略等高级使用场景。

反向代理将一项服务(例如 Cloudflare)置于您的网站与访问者之间。此设置可实现以下功能:

  • 与内部基础设施集成(例如防火墙或路由规则)

  • 满足高级日志记录或合规性要求

  • 对 CDN、缓存或地理流量管理进行控制

反向代理仅推荐给具有特定基础设施或政策需求的用户使用,因为 Framer 已经原生支持许多此类功能。

注意: 反向代理在 Scale 和 Enterprise 套餐中可用。

设置您的 Framer 网站

首先,打开您的 Framer 项目并进入 站点设置域名。为您的网站添加一个免费的 Framer 子域名,例如 example.framer.website

Framer 域名设置界面截图,显示“自定义域名”部分。界面中显示两个选项:“获取免费 Framer 子域名”(已选中)和“连接您拥有的域名”。在免费子域名部分,有一个文本字段输入了“example”,下拉菜单显示“.framer.website”,并带有确认按钮。下方是未选中的连接已购域名选项,示例字段显示“www.site.com”

接下来,滚动到“域名”部分底部,设置规范 URL。在“高级”输入框中输入您的自定义域名(例如 example.com),然后发布您的网站。

Framer 规范 URL 设置界面截图。深色主题面板显示两个选项:“默认”(使用站点的 Framer 子域名)和“高级”(已选中)。高级选项允许输入用于代理设置的自定义 URL,文本字段中输入了 'www.example.com',并带有确认按钮。

在 Cloudflare 中配置您的域名

登录 Cloudflare 并添加您的自定义域名——例如 example.com

Cloudflare 入门界面,显示“提升网站速度和安全性”部分。界面包含一个用于输入域名的文本字段(占位符为 'example.com'),DNS 记录配置选项包括已选中的推荐“快速扫描 DNS 记录”选项,以及关于控制 AI 爬虫访问网站的部分。还有一个“跟随学习路径”按钮和注册新域名的选项。

接下来,前往您的 DNS 设置,将根域名(@)或子域名(如 app.example.com)指向一个虚拟的 A 记录,例如 192.0.2.1

Cloudflare DNS 管理界面截图,显示 example.com 的配置。界面展示了一条 A 记录,指向 IP 地址 192.0.2.1。该记录配置为根域名(@),代理状态已启用(橙色云图标表示),TTL 设置为自动。界面还包括搜索 DNS 记录、添加筛选器和新增记录的选项。

创建 Cloudflare Worker

在 Cloudflare 控制台中,导航至 Workers & Pages,选择 创建 来设置一个新的 Worker。然后为您的 Worker 分配一条路由(例如 example.com/*),以便其能够处理所有传入流量。

Cloudflare 控制台的“Workers & Pages”部分,展示创建和管理无服务器函数的界面。屏幕上显示一个名为“curly-mode-e364”的 worker,无活动请求、错误或性能指标,且无绑定连接。右上角有一个蓝色的“创建”按钮,以及添加绑定、查看日志和筛选应用的选项。界面采用 Cloudflare 的深色主题。

使用以下代码在您的 Worker 中转发请求至您的 Framer 子域名。请将示例 URL 替换为您的实际 Framer 域名:

验证您的设置

  1. 确保您的 Worker 已分配到正确的域名路由。

  2. 等待几分钟以使更改生效。

  3. 使用开发者工具或 HTTP 头检查器确认流量已通过 Cloudflare 路由。

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

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