阿里云CDN 从零配置全指南（微信H5/网站静态资源加速篇）
阿里云CDN可将静态资源（图片、JS/CSS、音视频）分发至全国边缘节点，提升访问速度、降低OSS源站压力，搭配防盗链可防止资源盗刷，是微信H5项目必备优化方案。
一、域名管理：添加域名+核心配置
1.1 添加加速域名
进入阿里云CDN控制台 → 左侧菜单点击「域名管理」
点击右上角「添加域名」，进入配置页面
配置项说明：
加速区域：国内业务选「仅中国内地」（需ICP备案）
加速域名：填写自定义CDN域名（如
static.example.com）业务类型（核心选型）：
图片小文件：微信H5、网站小资源（图片/JS/CSS）首选
大文件下载：单文件≥20MB（安装包、更新包）
视音频点播：影视、短视频、在线教育音视频
1.2 源站配置（对接阿里云OSS）
「源站信息」→ 点击「新增源站信息」
源站类型选择 OSS域名
下拉框直接选择你已创建的Bucket外网域名
勾选合规承诺 → 点击「下一步」完成域名添加
1.3 域名详情3项核心配置
域名创建完成后，点击域名列表中的域名 / 操作列「管理」，进入详情页
1.3.1 缓存配置（跨域+缓存过期）
切换到「缓存配置」标签页
缓存过期时间：设置长周期（如30天），提升缓存命中率
出站响应头：添加配置
响应头：
Access-Control-Allow-Origin值：
*
1.3.2 HTTPS配置（必开）
切换到「HTTPS配置」标签页
开启「HTTPS安全加速」
证书来源：数字证书管理服务
前置：提前在阿里云SSL控制台申请免费证书
1.3.3 访问控制（Referer防盗链，重中之重）
进入「访问控制」→「Referer黑/白名单」
类型选白名单 → 填入你的网站域名
允许空Referer：必须关闭（杜绝盗刷）
Referer配置规则：
多个域名用回车分隔
通配符
*匹配所有子域名：*.example.com直接写
example.com，自动匹配主域名+所有子域名
二、刷新预热：缓存更新+预加载
2.1 功能说明
刷新：删除CDN节点旧缓存，强制回源取最新资源
预热：业务上线前，把热门资源提前推到全国CDN节点，降低源站压力、提升首屏速度
2.2 刷新缓存（资源更新必做）
CDN控制台 → 左侧「刷新预热」
操作类型选刷新 → 输入资源URL → 提交
⚠️ 关键提醒：
替换图片/视频（CDN访问URL不变时），必须执行刷新！
否则用户一直看到旧缓存资源。
2.3 预热缓存
操作类型选预热 → 输入热门资源URL → 提交，提前缓存资源
在操作记录里查看是否预热成功，预热失败的话需要优化视频分片后重新上传预热，使用转码工具如ffmpeg或阿里云MPS、视频点播进行视频处理
三、OSS中获取CDN访问URL
CDN配置生效后，在OSS控制台获取加速链接：
进入阿里云OSS控制台 → 对应Bucket → 文件管理
找到文件 → 点击「详情」
域名选择你配置的CDN自定义域名
生成的URL即为CDN加速地址，直接用于微信H5
✅ 核心避坑总结
Referer防盗链必须关闭空Referer，否则防盗失效
资源URL不变、更新文件→必刷新CDN缓存
静态资源
Access-Control-Allow-Origin: *+Referer白名单，安全无风险阿里云免费SSL证书有效期1年，到期及时续期
小文件缓存时间设1-3个月，最大化提升缓存命中率
📌 文档说明
本文基于阿里云CDN控制台实操经验整理，适用于微信H5、网站静态资源加速场景。因阿里云控制台界面可能迭代更新，若配置步骤、参数存在偏差或错误，欢迎各位读者批评指正，我会及时修订完善。