1. 概述
1.1 版本
| 报表服务器 | HTML5 移动端展现插件 | 功能变动 |
|---|---|---|
| 11.0 | V11.0 | - |
| 11.0.18 | V11.0.83 | 功能入口变动，整合到「H5设置」Tab下 |
1.2 应用场景
目前 H5 插件资源都放在报表服务器上，用户访问 H5 模板请求资源时，速度受报表服务器宽带限制，可在平台设置资源地址，加快资源请求速度。
1.3 功能简介
用户可在平台设置资源地址，那么访问 H5 模板请求资源时，速度不再受报表服务器宽带限制。如下图所示：
2. 逻辑说明
例如www.nimengwei.com是用户的外网访问的服务器地址，aliyun.cdn.nimengwei.com是用户的 CDN 地址，
把 CDN 地址在平台中保存，这样访问www.nimengwei.com/webroot/decision时，所有 「JS」 、「图表等静态资源」都会从aliyun.cdn.nimengwei.com请求，aliyun.cdn.nimengwei.com中若没有资源，会从www.nimengwei.com请求资源并返回，第二次访问之后就会直接用aliyun.cdn.nimengwei.com上次保存的资源。
注：设置 CDN 之后 CDN 厂商会给出 cname 信息，用户需要去域名厂商中配 cname 。
具体介绍如下表所示：
| 执行逻辑 | 生效的 H5 资源 |
|---|---|
| 1）浏览器中有缓存，使用缓存（JAR 为 2020-06-08 及之后） 2）浏览器中没有缓存，平台没有配置 CDN 地址，请求报表服务器资源 3）浏览器中没有缓存，平台已配置 CDN 地址，CDN 服务器没有资源缓存，CDN 从报表服务器请求并返回 4）浏览器中没有缓存，平台已配置 CDN 地址，CDN 服务器存在资源缓存，从 CDN 服务器获取 | 图表资源、H5资源、图片、字体等静态资源 |
3. 示例一：阿里云 CDN 配置
本次示例，外网报表服务器地址为：http://www.nimengwei.com:8075/webroot/decision
注1：阿里云 CDN 收费标准请参见：收费标准
注2：报表服务器的 H5 资源大小为 1.8M 左右，用户可以根据访问量选择 CDN 套餐。
3.1 添加域名
1）进入阿里云 CDN 控制台 ，点击「域名管理>添加域名」，如下图所示：
注：进入阿里云 CDN 控制台前，需要实名认证。
2）配置域名，点击「下一步」。如下图所示：
3.2 修改源站信息
1）在「源站信息」右侧点击「修改配置」，如下图所示：
2）将回源端口修改为报表服务器端口。如下图所示：
3.3 HTTP 头设置
1）点击「缓存配置>HTTP头>添加」，如下图所示：
2）参数选择Acess-Control-Allow-Origin，取值输入*，点击「确定」，如下图所示：
注：该步骤作用为：用户若使用 2020-06-08 之前的 JAR、V10.4.76 及之后的 H5 插件时，避免获取不到字体图标。
3.4 配置 CNAME
注：添加 CNAME 记录需要在用户的域名厂商处配置，比如在阿里云、腾讯云、新网等处购买的域名，需要前往购买域名的厂商相应管理控制台，添加域名解析。
1）点击「域名管理」，复制 CNAME 值，如下图所示：
2）在上图所示搜索框中输入云解析DNS，进入云解析 DNS 。点击「域名解析>添加域名」，添加外网报表服务器域名，点击「确定」
如下图所示：
3）点击「解析设置」按钮。如下图所示：
4）点击「添加记录」，记录类型选择为：CNAME-将域名指向另外一个域名，主机记录为：ali.cdn，将本节步骤 1 中的 CNAME 值赋值粘贴到「记录值」处。如下图所示：
注：「主机记录」为加速域名的前缀，例如加速域名为testcdn.aliyun.com，前缀就是testcdn；加速域名为www.aliyun.com，前缀为www
3.5 平台配置
以管理员身份进入数据决策系统，点击「管理系统>移动平台>其它」，在设置资源地址下输入http://ali.cdn.nimengwei.com
如下图所示：
3.6 效果查看
配置资源地址后，H5 资源从资源地址处请求。如下图所示：
注：没有配置资源地址时，资源从报表服务器请求。如下图所示：
4. 示例二：七牛云 CDN 配置
本次示例，外网报表服务器地址为：http://www.nimengwei.com:8075/webroot/decision
注1：七牛云 CDN 收费标准请参见：收费标准
注2：报表服务器的 H5 资源大小为 1.8M 左右，用户可以根据访问量选择 CDN 套餐。
4.1 添加域名
1）进入七牛云，点击「CDN>域名管理>添加域名」
如下图所示：
2）添加加速域名qiniu.cdn.nimengwei.com，源站配置选择「高级配置」，设置「主线路」的域名和端口号。报表服务器添加1.txt进行源站测试，源站测试通过后，点击「创建」按钮
如下图所示：
4.2 HTTP 头设置
1）点击「域名管理>配置」，如下图所示：
2）在HTTP 响应头配置下点击「添加配置」，HTTP 响应头选择Acess-Control-Allow-Origin，响应头操作选择设置，值输入*，点击「确定」
如下图所示：
4.3 配置 CNAME
注：添加 CNAME 记录需要在用户的域名厂商处配置，比如在阿里云、腾讯云、新网等处购买的域名，需要前往购买域名的厂商相应管理控制台，添加域名解析。
1）点击「域名管理」，复制CNAME值，如下图所示：
2）进入阿里云域名解析控制台，可参考本文 3.4 节第四步。点击「添加记录」，记录类型选择为：CNAME-将域名指向另外一个域名，主机记录为：qiniu.cdn，将本节步骤 1 中的 CNAME 值赋值粘贴到「记录值」处，点击确定。如下图所示：
注1：由于本章使用的外网报表服务器域名是在阿里云购买的，所以需要在阿里云中添加域名解析。
注2：注：「主机记录」为加速域名的前缀，例如加速域名为cdn.qiniu.com，前缀就是cdn；加速域名为video.cdn.qiniu.com，前缀为video.cdn
4.4. 平台配置
以管理员身份进入数据决策系统，点击「管理系统>移动平台>其它」，在设置资源地址下输入http://qiniu.cdn.nimengwei.com，如下图所示：
4.5 效果查看
配置资源地址后，H5 资源从资源地址处请求。如下图所示：
注：没有配置资源地址时，资源从报表服务器请求。如下图所示：
上一篇：H5设置
