台湾的H5 活动页:用高防 CDN处理「WebSocket 频繁断连」

一、这一篇在处理什么

这一篇只处理一件事:在台湾运行的H5 活动页,使用维科云的高防 CDN时,如何处理「WebSocket 频繁断连」。

长连接被当成普通 HTTP 缓存或被中间超时切断。表现为能连上,几十秒后没有关闭帧就断开。

看该路径的连接时长分布,而不是看页面是否 200。

二、台湾的网络和高峰

晚间高峰集中,整点活动时会有瞬间爬坡。岛内访问和跨境访问差异大。跨境首包变慢时,岛内用户可能仍然正常。

排查时:把台湾岛内和从台湾出去的访问分开统计。只有跨境慢时,不要改岛内源站的业务逻辑。

不要这样做:用台北办公网络代表全部用户。移动网络和办公网络要各测一次。

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

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

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

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

四、高防 CDN怎么接

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

产品说明见高防 CDN。只改和「WebSocket 频繁断连」有关的域名或路径,不要把H5 活动页的其他路径一起改掉。

五、排查步骤

下面五步按因果顺序执行,后一步依赖前一步的结果。步骤针对「WebSocket 频繁断连」,不是一套通用清单。

  1. 活动页、图片和报名接口分开。渠道参数要出现在统计里。 岛内访问和从台湾出去的跨境访问分成两张表。 这一故障在本步要完成的事:确认升级请求返回 101,且路径没有被缓存规则命中。
  2. 报名和抽奖接口排除在页面跳转之外。渠道号在跳转后必须还在。 只有跨境变慢时,不要修改只服务岛内的程序逻辑。 这一故障在本步要完成的事:把该路径设为不缓存、不压缩、不改写响应头。
  3. 活动页可以缓存。报名接口不缓存。结束日期到了以后,旧链接改去仍存在的页面。 跨境路径单独改调度或回源。岛内解析保持不动。 这一故障在本步要完成的事:将边缘和源站的空闲超时调到大于业务心跳间隔。
  4. 源站只处理报名接口。不要让活动图片的回源占满报名。 确认岛内表仍然正常后,再发布跨境这一侧的变更。 这一故障在本步要完成的事:核对负载均衡是否把同一连接的后续包送到了另一台源站。
  5. 用带渠道参数的原始链接提交一次表单,确认参数还在,并且正文没有在跳转中丢失。 用台湾移动网络和办公网络各测一次,不要只用台北办公室的有线网络。 这一故障在本步要完成的事:让客户端按心跳重连,并在日志里记录断开前最后一次心跳。

六、处理办法

  1. 实时通道使用独立域名。
  2. 源站对 WebSocket 使用会话保持。
  3. 心跳间隔短于最小超时。

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

七、案例

房间长连接平均 45 秒断开。该路径继承了静态域名的 30 秒空闲超时。独立域名并放宽超时后,连接可以维持到用户离开。

若同样的现象出现在台湾,额外核对:把台湾岛内和从台湾出去的访问分开统计。只有跨境慢时,不要改岛内源站的业务逻辑。

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

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

八、常见问题

问:101 之后为什么还会断?

答:升级成功只说明握手完成。空闲超时和源站切换仍会在之后断开。

问:能缓存 WebSocket 吗?

答:不能。缓存规则一旦命中,升级会失败或行为异常。

问:重连风暴怎么避免?

答:断开后加随机退避,不要所有客户端在同一秒重连。

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

答:不一样。每一步都先按H5 活动页的路径处理,再按台湾的网络条件收窄,最后才做「WebSocket 频繁断连」这一故障本身的动作。换地区或换业务,前两段操作就会变。

九、边界

只讨论高防 CDN在「WebSocket 频繁断连」上的处理,地区范围是台湾,业务范围是H5 活动页。请遵守当地法律。维科云提供网络能力,不对客户业务内容负责。