设置资源地址

  • 文档创建者:Wendy123456
  • 编辑次数:3次
  • 最近更新:Wendy123456 于 2020-06-11
  • 1. 概述

    1.1 版本

    报表服务器HTML5 移动端展现插件新增功能
    10.0V10.4.76新增设置资源地址设置项

    1.2 应用场景

    目前 H5 插件资源都放在报表服务器上,用户访问 H5 模板请求资源时,速度受报表服务器宽带限制,可在平台设置资源地址,加快资源请求速度。

    1.3 功能简介

    用户可在平台设置资源地址,那么访问 H5 模板请求资源时,速度不再受报表服务器宽带限制。如下图所示:

    8.png

    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 控制台前,需要实名认证。

    9.png

    2)配置域名,点击下一步。如下图所示:

    1591252275856033.png

    3.2 修改源站信息

    1)在「源站信息」右侧点击修改配置,如下图所示:

    11.png

    2)将回源端口修改为报表服务器端口。如下图所示:

    1591252844356906.png

    3.3 HTTP 头设置

    1)点击缓存配置>HTTP头>添加,如下图所示:

    13.png

    2)参数选择Acess-Control-Allow-Origin,取值输入*,点击确定,如下图所示:

    注:该步骤作用为:用户若使用 2020-06-08 之前的 JAR、V10.4.76 及之后的 H5 插件时,避免获取不到字体图标。

    1591253304184364.png

    3.4 配置 CNAME

    注:添加 CNAME 记录需要在用户的域名厂商处配置,比如在阿里云、腾讯云、新网等处购买的域名,需要前往购买域名的厂商相应管理控制台,添加域名解析。

    1)点击域名管理,复制 CNAME 值,如下图所示:

    15.png

    2)在上图所示搜索框中输入云解析DNS,进入云解析 DNS 。点击域名解析>添加域名,添加外网报表服务器域名,点击确定。如下图所示:

    16.png

    3)点击解析设置按钮。如下图所示:

    17.png

    4)点击添加记录,记录类型选择为:CNAME-将域名指向另外一个域名,主机记录为:ali.cdn,将本节步骤 1 中的 CNAME 值赋值粘贴到「记录值」处。如下图所示:

    注:「主机记录」为加速域名的前缀,例如加速域名为testcdn.aliyun.com,前缀就是testcdn;加速域名为www.aliyun.com,前缀为www18.png

    3.5 平台配置

    以管理员身份进入数据决策系统,点击管理系统>移动平台>其它,在设置资源地址下输入http://ali.cdn.nimengwei.com,如下图所示:

    26.png

    3.6 效果查看

    配置资源地址后,H5 资源从资源地址处请求。如下图所示:

    28.png

    注:没有配置资源地址时,资源从报表服务器请求。如下图所示:

    29.png

    4. 示例二:七牛云 CDN 配置

    本次示例,外网报表服务器地址为:http://www.nimengwei.com:8075/webroot/decision

    注1:七牛云 CDN 收费标准请参见:收费标准

    注2:报表服务器的 H5 资源大小为 1.8M 左右,用户可以根据访问量选择 CDN 套餐。

    4.1 添加域名

    1)进入七牛云,点击CDN>域名管理>添加域名,如下图所示:

    19.png

    2)添加加速域名qiniu.cdn.nimengwei.com,源站配置选择高级配置,设置「主线路」的域名和端口号。报表服务器添加1.txt进行源站测试,源站测试通过后,点击创建按钮。如下图所示:

    1591259308773035.png

    4.2 HTTP 头设置

    1)点击域名管理>配置,如下图所示:

    8.png

    2)在「HTTP 响应头配置」下点击添加配置,「HTTP 响应头」选择Acess-Control-Allow-Origin,「响应头操作」选择设置,值输入*,点击确定,如下图所示:

    23.png

    4.3 配置 CNAME

    注:添加 CNAME 记录需要在用户的域名厂商处配置,比如在阿里云、腾讯云、新网等处购买的域名,需要前往购买域名的厂商相应管理控制台,添加域名解析。

    1)点击域名管理,复制CNAME,如下图所示:

    24.png

    2)进入阿里云域名解析控制台,可参考本文 3.4 节第四步。点击添加记录,记录类型选择为:CNAME-将域名指向另外一个域名,主机记录为:qiniu.cdn,将本节步骤 1 中的 CNAME 值赋值粘贴到「记录值」处,点击确定。如下图所示:

    注1:由于本章使用的外网报表服务器域名是在阿里云购买的,所以需要在阿里云中添加域名解析。

    注2:注:「主机记录」为加速域名的前缀,例如加速域名为cdn.qiniu.com,前缀就是cdn;加速域名为video.cdn.qiniu.com,前缀为video.cdn

    25.png

    4.4. 平台配置

    以管理员身份进入数据决策系统,点击管理系统>移动平台>其它,在设置资源地址下输入http://qiniu.cdn.nimengwei.com,如下图所示:

    2.png

    4.5 效果查看

    配置资源地址后,H5 资源从资源地址处请求。如下图所示:

    3.png

    注:没有配置资源地址时,资源从报表服务器请求。如下图所示:

    29.png


    附件列表


    主题: 数据决策系统
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!