无需 Cloudflare 付费套餐按照 Cookies 配置缓存教程

Cloudflare 是功能非常强大的免费 CDN 提供商。有不少使用 Cloudflare 的 WordPress 站长都希望自己的网站快一点。但是如果配置 Cloudflare 将网站缓存所有内容（HIT）可能会使 WordPress 登录和评论出错，比如前端不更新或缓存其它用户的登录信息。所以大部分 WordPress 站点使用 CDN 都只缓存了 JavaScript、CSS 和图片等静态文件。

玩 CF 的应该都知道需要根据 cookie 绕过缓存的话，得开通 CF 的付费套餐才行。不过有细心的站长可能已经发现了 Cloudflare 支持“使用 WordPress/WooCommerce 缓存静态 HTML”功能，但是这仅限于Cloudflare Business 和 Enterprise 计划客户才能使用，免费用户无法享受此功能。

这个功能可以实现以下目标：

• 未登录的访客（没有登录 Cookies）访问站点时直接提供 CDN 完全缓存网站页面（HIT），无需回源，提升速度并减轻服务器负担；
• 已登录的用户（具有登录 Cookies）或者发送了评论的用户 CDN 就回源并提供动态内容（DYNAMIC），确保前端实时更新；
• 同时两者缓存互相隔离，不会出现未登录访客可以看到已登录用户的前台信息。

由于大部分网站（包括但不限于 WordPress）都是通过设置 Cookies 来实现用户登录或评论等功能的，我们可以让 Cloudflare 通过判断 Cookies 来实现自动判断用户登录和评论情况，从而区分是否回源。这样不仅可以提升访客的体验，还可以减轻服务器的负担，甚至降低碳排放，何乐而不为呢？

下面，我将以 WordPress 为例，告诉大家如何免费实现这个功能。

配置流程：

注：为方便配置，所有规则均提供表达式，您可以将表达式黏贴至表达式输入框后再切换回生成器可视化编辑。请务必将“您的域名”更换为您自己的域名。

1.观察 Cookies 特征

通过阅读 Cloudflare 官方给出的文档，我们可以发现以下规律：

WordPress（原生）	wp-.*|wordpress.*|comment_.*
具有 WooCommerce 的 WordPress	wp-.*|wordpress.*|comment_.*|woocommerce_.*

2.打开配置页面

打开Cloudflare 配置页面，依次点击要配置的域名-缓存-Cache Rules。

3.创建第一个缓存规则

按照下图创建缓存规则，选择“绕过缓存”，并把这个规则放在本流程的顶端。

这个规则的目的是防止 Cloudflare 缓存管理后台、前台用户中心、搜索界面和预览界面，以免缓存他人信息。

(http.request.full_uri eq "https://您的域名/wp-admin/*") or (http.request.full_uri eq "https://您的域名/*preview=true*") or (http.request.full_uri eq "https://您的域名/前台用户中心/*") or (http.request.full_uri eq "https://您的域名/?s=*")

4.创建第二个缓存规则

按照下图创建缓存规则，选择“绕过缓存”，并把这个规则放在本流程的第二个。

这个规则的目的是实现已登录的用户（具有登录 Cookies）或者发送了评论的用户 CDN 请求回源并提供动态内容（DYNAMIC），确保前端实时更新。

(starts_with(http.request.full_uri, "https://您的域名/") and http.cookie contains "wordpress_sec_") or (starts_with(http.request.full_uri, "https://您的域名/") and http.cookie contains "wordpress_logged_in") or (starts_with(http.request.full_uri, "https://您的域名/") and http.cookie contains "comment_")

5.创建第三个缓存规则

按照下图创建缓存规则，并把这个规则放在本流程的底部。

这个规则的目的实现是未登录的访客（没有登录 Cookies）访问站点时直接提供 CDN 完全缓存网站页面（HIT），无需回源。

(starts_with(http.request.full_uri, "https://你的域名/") and not http.cookie contains "wordpress_sec_" and not http.cookie contains "wordpress_logged_in" and not http.cookie contains "comment_")

此处选择“符合缓存条件”，下方设置可以按自己的实际情况配置，推荐打开以下选项：缓存欺骗盔甲，以便缓存静态资源。

6.检查缓存规则顺序

请确保 3 个规则按照上述顺序排序，可以拖动或点击箭头对规则重新排序

7.验证规则生效情况

可在浏览器的 InPrivate 标签页中按 F12 打开开发者工具，在网络一栏中查看对应网址的“cf-cache-status”。正常情况下，您将看到以下内容，这表示配置成功：

• 未登录：cf-cache-status:HIT
• 登录后：cf-cache-status:DYNAMIC

如果有问题，请检查“页面规则”等中是否有项目与其冲突。

完成此配置后，您可以自行检查并完善其它配置，此处不再赘述。

希望这个教程可以帮助有需要的站长；同时也希望 Cloudflare 可以继续提供优秀的加速服务，开发更多先进的功能！