部署指南 h5游戏图用cdn在小程序与网页端的接入要点

先在构建阶段把静态资源（HTML、JS、WASM、图片、音频）输出到统一的发布目录，启用压缩（gzip/ Brotli）并生成带哈希的文件名以实现资源版本化。然后将这些资源上传到CDN节点或配置对象存储（如OSS、COS）并绑定域名。务必确保所有资源通过HTTPS提供，并在发布脚本中写明CDN域名以便小程序与网页统一引用。

在CDN或对象存储控制台设置缓存规则、MIME类型、最大缓存时间，并开启压缩与访问日志。为静态大文件（如音频）单独设置更长的缓存时间，同时保留短缓存或强制刷新机制用于频繁更新的代码文件。

小程序对外部资源访问有限制，必须在小程序后台配置合法域名且仅支持HTTPS；部分小程序平台对跨域或远程脚本执行有额外限制。网页端支持更多自定义优化（CDN预连接、Service Worker 缓存），但需处理浏览器兼容性。确保在小程序域名列表中加入CDN域名，并在网页端加入Subresource Integrity或CSP策略提升安全。

小程序通常禁止动态eval、远程注入脚本，建议将逻辑打包成静态资源并通过合法域名托管，同时注意资源大小限制。

网页端可用CDN做域名分片、HTTP/2推送、长连接复用，以及利用Service Worker做离线缓存策略。

在CDN或源站设置Access-Control-Allow-Origin为允许的域名或'*'（慎用），并暴露必要的头（如Content-Type、ETag）。强制HTTPS并为重要请求采用签名URL或token验证，防止盗链与非法请求。对于敏感文件可配置Referer白名单或动态鉴权回源。

默认在CDN加一层鉴权签名（带过期时间），浏览器/小程序请求时附带签名或使用短期临时密钥，防止直接盗链并便于回滚或禁用。

采用文件名指纹化（hash）或URL参数（v=版本号）结合CDN缓存策略。代码文件用短缓存并带hash，静态大资源用长缓存。发布新版本时只变更文件名，避免用户读到旧缓存。准备紧急刷新脚本或API调用CDN刷新接口以实现灰度或全量回滚。

CI/CD在构建后上传资源并调用CDN API更新加速域名绑定与缓存刷新，记录发布日志和回滚点。

接入CDN与应用性能监控（APM），采集访问量、错误率、带宽与命中率。配置告警阈值（如错误率突增、延迟上升）。当发现异常，先通过CDN回滚到上一个稳定版本或调用缓存刷新命令，同时在小程序端可推送配置开关临时切换至备用域名或降级资源。

保留至少两套可回滚的发布包与对应CDN路径，使用流量分流（灰度）验证新版本稳定性，再逐步放开流量以避免全局影响。

来源：部署指南 h5游戏图用cdn在小程序与网页端的接入要点