详解如何使用ETag和条件标头进行缓存

laravel api 性能优化:使用 etag 和条件标头进行缓存

                                                                               

当写一个前后端分离的应用时,你必须得开始考虑前端客户端会给API提交什么样的请求,从后端再次获取数据,即使你只想要验证前端缓存是否能对添加的数据实时更新。根据以上的需求,你可以使用 ETag 头 和 conditional requests。

在这篇博文中,我会简单的概括一下 ETagIf-None-Match 和 If-Match 头是做什么的,然后再看看我是如何将这些应用到我们的package中的,这个软件包可以快速的将它实施到您的应用程序中。

是什么

让我们从这一切的核心内容开始,那就是 ETag 头。该头文件是表示其所在的确切状态下的响应主体的值。在很多情况下 ETag 的值将是内容的 hash 值,因为这是最容易生成和保证响应数据唯一性标识符的方法。

为了保证 ETag 头可用,我们必须使用条件请求。我们需要设置的第一个条件是 If-None-Match 头,这是一个用于 GET 的请求头。在后端接收到这个头之后,需要将它和当前的内容进行比较。如果值匹配的话,将只返回 304 状态码,和获取实体资源比较起来,响应结果的数据本身是很小的。这一切实施起来是非常简单的:如果你的第一个获取资源的 GET 请求返回了一个 ETag 数据,你的浏览器会自动的为接下来的资源的请求配置 If-None-Match 头。

这意味着,如果您的后端简单实现了 etagif-none-match,则可以减少从您的API传输到前端的数据量。

第二个请求条件使用的是 if-match 头。这被用来阻止 mid-air collisions 。 通俗的说,如果我们想要在后端更新数据,但是我们的前端数据已经过时,后端的更新应该被终止,而且前端也应该有提醒。 这和 if-none-match 的工作方式很类似。在获取到包含 ETag 值的资源之后,你可以提交一个 PATCH 请求并且设置一个和你之前接收到的 ETag 值相等的 If-Match 值。然后,后端将检查服务端当前可用的资源的 etag 值是否与您发送的资源相匹配。如果匹配,将允许您的更新。如果没有匹配,将返回412状态码,让前端知道条件不匹配。

如何使用

如果你想要在 laravel 项目中使用这个条件请求插件包的话,你可以使用以下命令来安装:

$ composer require werk365/etagconditionals

然后在你的路由中添加 etag 中间件之后就可以使用了。如果你想研究中间件的工作原理,或者想要不通过我们的插件包来实现这个功能的话,请接着往下读!

SetEtag 中间件

正如您可能已经猜到的那样,我们可以通过中间件来很简单的实现这一功能。 Laravel 实际上已经为我们提供了一个 SetCacheHeaders 中间件来设置 ETag 头, 但是它不支持 HEAD 请求。 SetEtag 中间件的内容看起来是这样的:

    public function handle(Request $request, Closure $next)    {        // Handle request        $method = $request->getMethod();        // Support using HEAD method for checking If-None-Match        if ($request->isMethod('HEAD')) {            $request->setMethod('GET');        }        //Handle response        $response = $next($request);        // Setting etag        $etag = md5($response->getContent());        $response->setEtag($etag);        $request->setMethod($method);        return $response;    }

我们首先要做的事情是获取请求的方法,以防我们想要修改它。然后,当我们在处理 HEAD 请求的时候,我们把它修改为 GET 请求,以确保请求的内容已经被加载而且可以被加密。在此之后,我们跳转到已经使用 md5() 方法加密后的响应主体内容。在返回响应之前,我们会将加密后的 hash 值作为 ETag 头,并且将原始请求方法设置回原处。

IfNoneMatch 中间件

这是另一个相对简单的方法。让我们先来看看代码:

    public function handle(Request $request, Closure $next)    {        // Handle request        $method = $request->getMethod();        // Support using HEAD method for checking If-None-Match        if ($request->isMethod('HEAD')) {            $request->setMethod('GET');        }        //Handle response        $response = $next($request);        $etag = '"'.md5($response->getContent()).'"';        $noneMatch = $request->getETags();        if (in_array($etag, $noneMatch)) {            $response->setNotModified();        }        $request->setMethod($method);        return $response;    }

这个开头与  SetEtag 中间件相似,将确保我们可以再次处理 HEAD 请求,并根据响应内容生成 hash值。注意这种情况下我们需要将hash值用双引号包裹。双引号包裹 ETag头,然后在setEtag中间件中 setEtag()方法自动包裹hash。有了hash值后,我们可以轻松的与 If-None-Match头进行比较。由于该头可以自动加载无限个hash,并且 getETags()方法会将它们以数组形式返回,所以我们可以核对新生成的值是否存在于数组中。如果确实有匹配,我们可以在响应中使用 setNotModified()设置 304 的状态码。

IfMatch 中间件

处理 If-Match 将稍微复杂一些。这个问题归结于:我们需要找到一种方法,用来获取应该更新的当前版本的内容。这可以用多种方式实现。

你可以使用 HTTP 客户端对相同资源从外部发起 GET 请求你可以查看当前请求将执行的操作, 而不是调用与之等价的 GET 请求( 例如,调用控制器上的 show() 方法)或者你可以通过内部发起一个新的 GET 请求。

在构建这个中间件时,我开始尝试使用第二个选项。出于某种原因,这对我来说似乎是最好的选择。我成功地创建了一个完全可以工作的版本,但我对结果并不满意。为了让它工作,我需要做一些假设,预设一些限制,并做了太多的工作,而我只需要创建一个新的请求就可以了。

当我们要发起一个新的请求来获取当前版本资源的时候,代码是下面这样的:

    public function handle(Request $request, Closure $next)    {        // 只有请求方式是 PATCH 并且已经设置了 If-Match 头        if (! ($request->isMethod('PATCH') && $request->hasHeader('If-Match'))) {            return $next($request);        }        // 对同一个点创建新的 GET 请求,        // 复制和添加请求头,让中间件能忽略本次请求        $getRequest = Request::create($request->getRequestUri(), 'GET');        $getRequest->headers = $request->headers;        $getRequest->headers->set('X-From-Middleware', 'IfMatch');        $getResponse = app()->handle($getRequest);        // Get content from response object and get hashes from content and etag        $getContent = $getResponse->getContent();        $getEtag = '"'.md5($getContent).'"';        $ifMatch = $request->header('If-Match');        // 比较当前和请求携带的 hash 值        if ($getEtag !== $ifMatch) {            return response(null, 412);        }        return $next($request);

所有这些中间件都将在请求生命周期开始时运行。首先,我们将过滤掉任何非 PATCH 请求或请求头中没有 If Match 的请求。之后,我们将向同一个端点发出一个新的 GET 请求,并从原来的请求中复制请求头,以便新请求可以通过身份验证中间件和其他约束。

使用这个新请求的响应,我们将再次生成一个哈希,以便与发送的哈希进行比较。如果哈希匹配,请求将被中间件允许通过。如果不匹配,将返回状态代码为 412 的请求响应。

通过使用这三个中间件,你可以在你的 Laravel 应用程序中轻松处理 ETag 和条件请求。

软件包:https://github.com/365Werk/etagconditionals

原文地址:https://hergen.nl/caching-your-laravel-api-with-etag-and-conditional-requests

译文地址:https://learnku.com/laravel/t/55539

以上就是详解如何使用ETag和条件标头进行缓存的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/75962.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月14日 12:52:48
下一篇 2025年11月14日 13:17:13

相关推荐

  • HTMLrev 上的免费 HTML 网站模板

    HTMLrev 是唯一的人工策划的库专门专注于免费 HTML 模板,适用于由来自世界各地慷慨的模板创建者制作的网站、登陆页面、投资组合、博客、电子商务和管理仪表板世界。 这个人就是我自己 Devluc,我已经工作了 1 年多来构建、改进和更新这个很棒的免费资源。我自己就是一名模板制作者,所以我知道如…

    2025年12月24日
    300
  • 如何使用 Laravel 框架轻松整合微信支付与支付宝支付?

    如何通过 laravel 框架整合微信支付与支付宝支付 在 laravel 开发中,为电商网站或应用程序整合支付网关至关重要。其中,微信支付和支付宝是中国最流行的支付平台。本文将介绍如何使用 laravel 框架封装这两大支付平台。 一个简单有效的方法是使用业内认可的 easywechat lara…

    2025年12月24日
    000
  • Laravel 框架中如何无缝集成微信支付和支付宝支付?

    laravel 框架中微信支付和支付宝支付的封装 如何将微信支付和支付宝支付无缝集成到 laravel 框架中? 建议解决方案 考虑使用 easywechat 的 laravel 版本。easywechat 是一个成熟、维护良好的库,由腾讯官方人员开发,专为处理微信相关功能而设计。其 laravel…

    2025年12月24日
    500
  • 如何在 Laravel 框架中轻松集成微信支付和支付宝支付?

    如何用 laravel 框架集成微信支付和支付宝支付 问题:如何在 laravel 框架中集成微信支付和支付宝支付? 回答: 建议使用 easywechat 的 laravel 版,easywechat 是一个由腾讯工程师开发的高质量微信开放平台 sdk,已被广泛地应用于许多 laravel 项目中…

    2025年12月24日
    000
  • 使用Laravel框架如何整合微信支付和支付宝支付?

    使用 Laravel 框架整合微信支付和支付宝支付 在使用 Laravel 框架开发项目时,整合支付网关是常见的需求。对于微信支付和支付宝支付,推荐采用以下方法: 使用第三方库:EasyWeChat 的 Laravel 版本 建议直接使用现有的 EasyWeChat 的 Laravel 版本。该库由…

    2025年12月24日
    000
  • 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中?

    如何简洁集成微信和支付宝支付到 Laravel 问题: 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中? 答案: 强烈推荐使用流行的 Laravel 包 EasyWeChat,它由腾讯开发者维护。多年来,它一直保持更新,提供了一个稳定可靠的解决方案。 集成步骤: 安装 Laravel …

    2025年12月24日
    100
  • Web页面中动态内容与页脚重叠的解决方案

    本教程旨在解决使用php `include`功能构建bootstrap网站时,页脚内容与主体内容重叠的问题。核心在于纠正html结构中的多余 “ 和 ` ` 标签,确保每个页面只包含一个完整的html文档结构,并将javascript脚本正确放置在 “ 结束标签之前,从而实现…

    2025年12月23日
    000
  • Laravel Blade模板中DIV元素样式定制指南:字体、间距与最佳实践

    本教程详细介绍了如何在laravel blade模板中为div元素应用自定义字体、调整大小和设置间距。我们将探讨常见的错误、正确的内联样式方法,并强调使用css类的最佳实践,同时指导如何正确集成自定义字体,以实现清晰、可维护的样式控制。 引言:理解Blade模板中的样式需求 在构建Web应用时,我们…

    2025年12月23日
    200
  • 如何正确构建HTML结构以确保Bootstrap页脚自动下沉

    本教程旨在解决使用php `include` 和 bootstrap 5 时页脚与内容重叠的问题。核心在于纠正不正确的html结构,避免重复的“和` `标签,合理放置css和javascript引用,并移除可能导致布局冲突的`vh-100`类,确保页脚能根据内容动态下沉。 在Web开发中…

    2025年12月23日
    000
  • 优化Web页面布局:确保Bootstrap页脚自动适应内容高度

    当使用php `include` 动态构建页面时,不正确的html结构(如重复的 “ 和 ` ` 标签)常导致页脚与主体内容重叠。本文将指导如何通过修正html文档结构,避免冗余标签,并确保javascript脚本正确放置,从而实现页脚自动向下移动,适应动态内容高度,提升页面布局的稳定性…

    2025年12月23日
    000
  • PHP Include与Bootstrap布局:解决动态内容下的页脚重叠问题

    本文探讨了在使用php `include` 和 bootstrap 构建网页时,因不当的html结构和css应用导致的页脚重叠问题。教程将指导您如何通过规范html文档结构、正确放置脚本文件以及移除冲突的css属性,确保页脚能够随主体内容动态调整位置,实现健壮且响应式的页面布局。 问题分析:页脚重叠…

    2025年12月23日
    000
  • 怎么运行.html.tpl_运行.html.tpl文件步骤【指南】

    .html.tpl文件需通过后端模板引擎解析,不能直接运行;首先搭建PHP环境,安装Smarty等模板引擎,配置模板与编译目录,编写PHP脚本加载.tpl文件并分配数据,最后通过访问PHP文件触发渲染,浏览器查看最终HTML。 运行 `.html.tpl` 文件并不是直接像普通 HTML 文件那样在…

    2025年12月23日
    000
  • 解决PHP Include页面中页脚重叠问题的最佳实践

    本文旨在解决使用PHP `include`功能构建网页时,页脚与主体内容重叠的问题。核心在于纠正不规范的HTML结构,确保每个页面只有一个`html>`和` `标签,并合理组织导航、内容和页脚的PHP包含文件,同时优化脚本加载位置和元素间距,以实现稳固且响应式的页面布局。 理解问题根源:不规范…

    2025年12月23日
    000
  • Laravel开发:如何在编辑界面正确预选数据库中的多选标签

    本文旨在解决laravel应用中编辑界面多选(select multiple)标签无法自动预选数据库中已保存数据的问题。通过详细讲解控制器层的数据准备和视图层的条件渲染逻辑,我们将展示如何利用blade模板引擎和eloquent关系,确保用户在编辑时能直观看到并修改此前选择的标签,同时提供最佳实践,…

    2025年12月23日
    000
  • Laravel Blade 条件渲染:根据数据状态控制 HTML 元素显示

    本文将介绍在 laravel blade 模板中如何根据数据变量的值是否为空或不存在,来有条件地渲染 html 元素,例如 ` ` 标签。通过利用 blade 的 `@if` 指令结合 php 的 `empty()` 函数,开发者可以确保只有当数据有效时才显示相关内容,从而避免渲染空标签或不必要的信…

    2025年12月23日
    000
  • JavaScript按钮实现PUT/POST重定向与数据提交:模拟表单行为的教程

    本教程详细讲解如何通过JavaScript动态创建并提交隐藏表单,以实现从按钮点击触发的PUT或POST请求重定向,并携带请求体数据。这种方法无需使用`fetch` API,能够满足浏览器自动处理Cookie的需求,为需要模拟完整表单提交行为的场景提供了有效的解决方案。 引言:理解PUT/POST重…

    2025年12月23日
    000
  • PHP多语言网站:语言切换与内容翻译的最佳实践

    本教程旨在指导开发者如何在php项目中实现健壮的多语言切换功能。文章详细介绍了基于会话(session)的语言状态管理、通过url参数进行语言切换的方法,并提出了一套功能完善的辅助函数来加载和安全地检索翻译内容,从而有效避免常见的“未定义变量”或“非法字符串偏移”错误。通过结构化的代码示例和最佳实践…

    2025年12月23日
    000
  • 优化长HTML属性值:SonarQube警告与实用策略

    本文探讨html表单`action`属性过长导致sonarqube警告的问题,并提供三种解决方案:优化url结构、通过变量预构建url,以及灵活评估代码规范。重点推荐使用变量预构建url,以提升代码可读性和维护性,同时兼顾静态分析工具的建议与实际开发需求。 引言:处理HTML长属性值的挑战 在现代W…

    2025年12月23日
    000
  • 使用JavaScript从按钮触发GET重定向或模拟POST/PUT提交的教程

    本教程详细介绍了如何通过JavaScript从按钮触发客户端重定向,以实现类似表单提交的效果,同时确保浏览器Cookie的正常处理。文章涵盖了两种主要方法:一是使用location.href进行带查询参数的GET重定向,适用于简单的导航或GET请求触发的动作;二是通过动态创建和提交隐藏表单来模拟PO…

    2025年12月23日
    000
  • Mac Valet一键站点,HTML+CSS开发环境王者!

    首先确认Valet服务已安装并运行,通过valet install和valet start初始化;使用valet park将项目目录设为可自动访问的本地根目录,新增项目即享.test域名;对独立项目可用valet link绑定自定义.test域名;为优化静态文件支持,在项目根目录创建.valet/s…

    2025年12月23日
    000

发表回复

登录后才能评论
关注微信