缓存页面变体

了解如何设置和使用AEM as a Cloud Service来支持缓存页面变体。

示例用例

• 任何根据用户的地理位置和包含动态内容的页面缓存提供不同服务选项集和相应定价选项的服务提供商，都应在CDN和Dispatcher中进行管理。

• 零售客户在全国各地都有商店，并且每个商店根据其所在位置提供了不同的选件，应在CDN和Dispatcher中管理具有动态内容的页面缓存。

解决方案概述

• 确定变体键及其可能具有的值的数量。 在我们的示例中，我们因州而异，因此最大数量为50。 这个值足够小，不会导致CDN上的变量限制出现问题。 查看变体限制部分.

• AEM代码必须设置Cookie "x-aem-variant" 到访客的首选州(例如， Set-Cookie: x-aem-variant=NY)时，发送电子邮件给初始HTTP请求的相应HTTP响应。

• 访客发出的后续请求会发送该Cookie(例如， "Cookie: x-aem-variant=NY")，并且Cookie将在CDN级别转换为预定义的标头(即 x-aem-variant:NY)，此值将传递给Dispatcher。

• Apache重写规则修改请求路径，以在页面URL中包含标头值作为Apache Sling选择器(例如 /page.variant=NY.html). 这允许AEM Publish根据选择器和调度程序为每个变体缓存一个页面，提供不同的内容。

• AEM Dispatcher发送的响应必须包含HTTP响应标头 Vary: x-aem-variant. 这会指示CDN存储不同标头值的不同缓存副本。

HTTP请求流程

用途

1. 为了演示该功能，我们将使用 WKND以的实施为例。

2. 实施 SlingServletFilter 在AEM中设置 x-aem-variant HTTP响应上的Cookie，具有变量值。

3. AEM CDN自动转换 x-aem-variant 将Cookie放入同名的HTTP标头中。

4. 将Apache Web Server mod_rewrite规则添加到您的 dispatcher 项目，修改请求路径以包含变体选择器。

5. 使用Cloud Manager部署过滤器并重写规则。

6. 测试整个请求流。

代码示例

• 要设置的SlingServletFilter示例 x-aem-variant AEM中具有值的Cookie。

  package com.adobe.aem.guides.wknd.core.servlets.filters;
  
  import javax.servlet.*;
  import java.io.IOException;
  
  import org.apache.sling.api.SlingHttpServletRequest;
  import org.apache.sling.api.SlingHttpServletResponse;
  import org.apache.sling.servlets.annotations.SlingServletFilter;
  import org.apache.sling.servlets.annotations.SlingServletFilterScope;
  import org.osgi.service.component.annotations.Component;
  import org.slf4j.Logger;
  import org.slf4j.LoggerFactory;
  
  
  // Invoke filter on  HTTP GET /content/wknd.*.foo|bar.html|json requests.
  // This code and scope is for example purposes only, and will not interfere with other requests.
  @Component
  @SlingServletFilter(scope = {SlingServletFilterScope.REQUEST},
          resourceTypes = {"cq:Page"},
          pattern = "/content/wknd/.*",
          extensions = {"html", "json"},
          methods = {"GET"})
  public class PageVariantFilter implements Filter {
      private static final Logger log = LoggerFactory.getLogger(PageVariantFilter.class);
      private static final String VARIANT_COOKIE_NAME = "x-aem-variant";
  
      @Override
      public void init(FilterConfig filterConfig) throws ServletException { }
  
      @Override
      public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
          SlingHttpServletResponse slingResponse = (SlingHttpServletResponse) servletResponse;
          SlingHttpServletRequest slingRequest = (SlingHttpServletRequest) servletRequest;
  
          // Check is the variant was previously set
          final String existingVariant = slingRequest.getCookie(VARIANT_COOKIE_NAME).getValue();
  
          if (existingVariant == null) {
              // Variant has not been set, so set it now
              String newVariant = "NY"; // Hard coding as an example, but should be a calculated value
              slingResponse.setHeader("Set-Cookie", VARIANT_COOKIE_NAME + "=" + newVariant + "; Path=/; HttpOnly; Secure; SameSite=Strict");
              log.debug("x-aem-variant cookie is set with the value {}", newVariant);
          } else {
              log.debug("x-aem-variant previously set with value {}", existingVariant);
          }
  
          filterChain.doFilter(servletRequest, slingResponse);
      }
  
      @Override
      public void destroy() { }
  }
  

• 中的重写规则示例 dispatcher/src/conf.d/rewrite.rules 在Git中作为源代码管理的文件，并使用Cloud Manager部署。

  ...
  
  RewriteCond %{REQUEST_URI} ^/us/.*
  RewriteCond %{HTTP:x-aem-variant} ^.*$
  RewriteRule ^([^?]+)\.(html.*)$ /content/wknd$1.variant=%{HTTP:x-aem-variant}.$2 [PT,L]
  
  ...
  

变量限制

• AEM CDN可管理多达200个变体。 这意味着 x-aem-variant 标头最多可以具有200个唯一值。 欲了解更多信息，请查看 CDN配置限制.

• 必须注意的是，您选择的变体键绝不能超过此数字。 例如，用户ID不是个好键，因为对于大多数网站而言，它很容易超过200个值，而某个国家/地区的州/地区在该国家/地区少于200个州时更合适。

Business.Adobe.com 资源