香港的H5 活动页:用高防 CDN处理「缓存把登录态串了」

一、这一篇在处理什么

这一篇只处理一件事:在香港运行的H5 活动页,使用维科云的高防 CDN时,如何处理「缓存把登录态串了」。

带 Set-Cookie 或按用户变化的 HTML 被当成公共对象缓存,后一个用户看到前一个用户的页面。

看被缓存的响应里是否含 Set-Cookie 或个人字段。

二、香港的网络和高峰

交易和晚间活动重叠时最忙,白天也有稳定流量。到华南和东南亚都近,常被当成回源点。回源集中在香港时,香港出口会先满。

排查时:分开看「用户到香港」和「香港到源站」。前一段慢是调度问题,后一段慢是回源问题。

不要这样做:所有地区都回源到香港。离香港远的用户会在回源这一段变慢。

三、H5 活动页要分开的路径

活动 HTML、图片和报名接口分开。活动结束时间到了之后,旧链接要有明确去向。

防护边界:报名和抽奖接口排除在页面跳转之外。查询参数里的渠道号必须保留。

验证:用带渠道参数的原始链接打开,确认参数还在,并且提交不会因为跳转丢掉表单内容。

四、高防 CDN怎么接

公网只解析到 CDN 的 CNAME,源站安全组只放行回源网段。静态域名使用较长缓存时间,登录、下单和支付接口单独 Bypass,不与图片域名共用缓存键。清洗策略按 Host 分开:活动页可以更严,API 要按路径放行正常的高频轮询。

产品说明见高防 CDN。只改和「缓存把登录态串了」有关的域名或路径,不要把H5 活动页的其他路径一起改掉。

五、排查步骤

下面五步按因果顺序执行,后一步依赖前一步的结果。步骤针对「缓存把登录态串了」,不是一套通用清单。

  1. 活动页、图片和报名接口分开。渠道参数要出现在统计里。 把「用户到香港」和「香港到源站」分成两段计时。 这一故障在本步要完成的事:立即绕过该 HTML 路径的缓存,先止住串号。
  2. 报名和抽奖接口排除在页面跳转之外。渠道号在跳转后必须还在。 前一段慢就处理调度,后一段慢就处理回源。不要两段用同一个动作。 这一故障在本步要完成的事:刷新已经缓存的页面,而不是只改规则等过期。
  3. 活动页可以缓存。报名接口不缓存。结束日期到了以后,旧链接改去仍存在的页面。 其他地区若都回源到香港,先把远地区的回源移走,避免香港出口被挤满。 这一故障在本步要完成的事:检查缓存键是否包含 Cookie 的会话字段。
  4. 源站只处理报名接口。不要让活动图片的回源占满报名。 回源调整完成前,不要用重启香港源站来掩盖排队。 这一故障在本步要完成的事:规定带 Set-Cookie 的响应一律不缓存。
  5. 用带渠道参数的原始链接提交一次表单,确认参数还在,并且正文没有在跳转中丢失。 分别从香港本地和另一个远地区复测这两段时间。 这一故障在本步要完成的事:用两个账号连续访问同一 URL,确认内容不再互换。

六、处理办法

  1. 个性化页面默认 Bypass。
  2. 能缓存的部分拆成不含身份的接口。
  3. 上线前用两个会话做缓存验收。

改完后在香港的用户网络上复查,不要只在机房内网看。复查时带上H5 活动页的验证:用带渠道参数的原始链接打开,确认参数还在,并且提交不会因为跳转丢掉表单内容。

七、案例

用户反馈看到别人的昵称。该 HTML 被按 URL 缓存,响应里还有会话 Cookie。绕过并刷新后,串号停止。

若同样的现象出现在香港,额外核对:分开看「用户到香港」和「香港到源站」。前一段慢是调度问题,后一段慢是回源问题。

业务侧核对:活动 HTML、图片和报名接口分开。活动结束时间到了之后,旧链接要有明确去向。

这个案例只说明怎么定位,不构成容量或可用性承诺。

八、常见问题

问:只缓存一分钟可以吗?

答:不行。一分钟内仍会把别人的页面发出去。

问:按 Cookie 做缓存键呢?

答:可以隔离用户,但几乎失去公共缓存的意义,还会占满缓存空间。

问:接口返回 JSON 也会串吗?

答:会。只要响应因人而异又按 URL 缓存,就会串。

问:同一故障换一个地区或一种业务,排查还一样吗?

答:不一样。每一步都先按H5 活动页的路径处理,再按香港的网络条件收窄,最后才做「缓存把登录态串了」这一故障本身的动作。换地区或换业务,前两段操作就会变。

九、边界

只讨论高防 CDN在「缓存把登录态串了」上的处理,地区范围是香港,业务范围是H5 活动页。请遵守当地法律。维科云提供网络能力,不对客户业务内容负责。