1. 概述编辑
1.1 版本
| FineBI 版本 | HTML5 移动端展现插件 | 功能变动 |
|---|---|---|
| 6.0 | V11.0.68 | - |
1.2 应用场景
目前 H5 插件资源都放在 BI 服务器上，用户访问 H5 模板请求资源时，速度受 BI 服务器宽带限制，可在平台设置资源地址，加快资源请求速度。
1.3 功能简介
用户可在移动平台设置资源地址，那么访问 H5 模板请求资源时，速度不再受 BI 服务器宽带限制。如下图所示：
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）浏览器中有缓存，使用缓存 2）浏览器中没有缓存，平台没有配置 CDN 地址，请求 BI 服务器资源 3）浏览器中没有缓存，平台已配置 CDN 地址，CDN 服务器没有资源缓存，CDN 从 BI 服务器请求并返回 4）浏览器中没有缓存，平台已配置 CDN 地址，CDN 服务器存在资源缓存，从 CDN 服务器获取 | H5资源、图片、字体等静态资源 注：不支持图表资源 |
3. 示例一：阿里云 CDN 配置编辑
本次示例，外网服务器地址为：http://www.nimengwei.com:8075/webroot/decision
注1：阿里云 CDN 收费标准请参见：收费标准 。
注2：BI 服务器的 H5 资源大小为 1.8M 左右，用户请根据访问量选择 CDN 套餐。
3.1 添加域名
1）进入阿里云 「CDN 控制台」 ，点击「域名管理>添加域名」，如下图所示：
注：进入阿里云 CDN 控制台前，需要实名认证。
2）配置域名，点击下一步。如下图所示：
3.2 修改源站信息
1）在「源站信息」右侧点击「修改配置」，如下图所示：
2）将回源端口修改为 BI 服务器端口。如下图所示：
3.3 HTTP 头设置
1）点击「缓存配置>HTTP头>添加」，如下图所示：
2）参数选择 Acess-Control-Allow-Origin，取值输入 *，点击确定。如下图所示：
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 平台配置
以管理员身份进入系统，点击「管理系统>移动平台>H5设置」，在「设置资源地址」下输入 http://ali.cdn.nimengwei.com。如下图所示：
3.6 效果查看
配置资源地址后，H5 资源从资源地址处请求。如下图所示：
注：没有配置资源地址时，资源从 BI 服务器请求。如下图所示：
4. 示例二：七牛云 CDN 配置编辑
本次示例，外网服务器地址为：http://www.nimengwei.com:8075/webroot/decision
注1：七牛云 CDN 收费标准请参见：收费标准 。
注2：BI 服务器的 H5 资源大小为 1.8M 左右，请根据访问量选择 CDN 套餐。
4.1 添加域名
1）进入七牛云，点击「CDN>域名管理>添加域名」，如下图所示：
2）添加加速域名 qiniu.cdn.nimengwei.com，源站配置选择「高级设置」，设置「主线路」的域名和端口号。BI 服务器添加 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 平台配置
以管理员身份进入系统，点击「管理系统>移动平台>H5设置」，在「设置资源地址」下输入http://qiniu.cdn.nimengwei.com，如下图所示：
4.5 效果查看
配置资源地址后，H5 资源从资源地址处请求。如下图所示：
注：没有配置资源地址时，资源从 BI 服务器请求。如下图所示：
