HTML模板应通过CodeArts Artifact托管：打包为语义化版本ZIP（如header-v2.1.0.zip），附businessLine、env等元数据，禁止覆盖上传；联动函数工作流自动解压、推OBS、刷新CDN最小路径并冒烟验证；前端加载需CSP防护、ETag校验、DOMPurify过滤及代理网关拦截。
HTML模板怎么集中存、版本可控、不手传
直接扔Git仓库或OBS桶里不行——没权限隔离、没变更追溯、没灰度能力。企业中台要求模板必须和业务系统解耦，又得能被ServiceStage、CodeArts或自研平台按需拉取。
推荐做法是用CodeArts Artifact（软件发布库）托管HTML模板包：
- 每个模板打
zip包，命名含语义版本号，如header-v2.1.0.zip - 上传时填写元数据：
businessLine（如“营销”）、env（prod/staging）、compatibleVersion（指定能接入的中台SDK版本） - 禁止直接覆盖同名包，强制新版本新建上传，历史包保留可回滚
- 通过
Artifact API配合accessKey鉴权，下游系统只读，运维侧可设审批流程控制上线
CDN缓存怎么自动刷新，避免改了模板用户还看到旧版
手动点CDN控制台“刷新URL”或“刷新目录”是典型反模式——漏刷、误刷、延迟高，且无法和模板版本绑定。
正确链路是：模板包上传 → 触发函数工作流 → 解压校验 → 推送OBS → 刷新CDN对应路径
立即学习“前端免费学习笔记（深入）”；
- 关键参数必须对齐：
OBS桶前缀=CDN加速域名路径，例如cdn.example.com/templates/对应OBS路径templates/ - 刷新动作要用
POST /v1.0/cdn/domains/{domain_id}/refresh-tasks接口，传type=directory+objects=[{"object":"/templates/header/"}] - 函数工作流里加一步
curl -X GET https://obs.{region}.myhuaweicloud.com/{bucket}/templates/header/index.html?versionId={latest}做冒烟验证，失败则中断流程并告警 - 别用“刷新全站”，CDN配额有限，按需刷新最小路径粒度
前端如何安全加载远程HTML模板，不被XSS或篡改
中台系统常让前端用fetch或iframe动态载入远程HTML，但裸调用等于把安全交出去。
- 所有模板HTTP响应头必须带
Content-Security-Policy: default-src 'self'; script-src 'unsafe-eval' 'sha256-xxx'，禁用内联脚本，白名单哈希值 - 加载前校验
ETag或x-amz-meta-signature（OBS自定义元数据），不匹配直接拒载 - 禁止用
innerHTML直接插入，改用DOMPurify.sanitize()过滤后挂载，尤其防<script src="..."></script>和onerror=... - 模板里所有
href/src地址走中台统一资源代理网关，拦截非法跳转和未授权访问
为什么不能用GitHub Pages或Vercel托管中台HTML模板
这些平台解决的是静态站点部署问题，不是企业中台的模板治理问题。
- 无组织级权限模型，无法按
事业部/系统域隔离模板可见性 - 不支持
Artifact式元数据打标，没法查“哪个模板正在被CRM系统v3.2调用” - CDN刷新不可控，Vercel的
revalidate只对API路由生效，HTML文件缓存策略黑盒 - 审计日志缺失，无法回答“谁在什么时间替换了首页Banner模板”这类合规问题
中台HTML模板的本质是配置资产，不是网页发布——它要参与流程编排、版本比对、灰度发布、安全审计，这些都得在私有化或混合云环境里闭环。
