如何把群空间中的报表嵌入到第三方系统？ - Quick BI

背景信息

如果开通仪表板接入权限的账号拥有开发或分析权限，则只能开通该账号创建的仪表板权限。

如果该账号拥有管理权限，则可以开通该工作空间所有报表权限。

步骤1：通过HTTPS接口获取accessToken

获取如下请求地址中参数的AccessKey ID、AccessKey Secret和Aliyun ID。
```
https://das.base.shuju.aliyun.com/api/ac3rdservice/token.json?accessId=xxx&accessKey=xxx&aliyunId=xxx&validityTime=60
```
1. 登录Quick BI控制台。
2. 在我的页签下，找到目标群空间并单击图标。
3. 在空间设置页面，单击组织管理 > 识别码。
4. 在组织管理页面，分别单击Quick BI AccessKey ID和Quick BI AccessKey Secret后的复制，获取AccessKey ID和AccessKey Secret。
5. 获取AliyunID。
  - 如果您使用的是主账号，则登录账号为AliyunID。获取方法请参见获取阿里云账号
  - 如果您使用的是子账号，则AliyunID为主账号的账号名:子账号。
    假设主账号的账号名为test，子账号为zhangsan@sdf123.onaliyun.com，则AliyunID为test:zhangsan。
    
    说明您可以联系主账号管理员获取该子账号对应的主账号。
  示例如下。
```
https://das.base.shuju.aliyun.com/api/ac3rdservice/token.json?accessId=xxxxxxxxxxxxxxxxxxxxxxx&accessKey=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&aliyunId=136***59：yuan_sub1&validityTime=60
```
  说明 validityTime最大值为240，单位：分钟。
将步骤1中获取的参数拼接到如下请求地址中，并发送get请求获取Token。
```
https://das.base.shuju.aliyun.com/api/ac3rdservice/token.json?accessId=xxx&accessKey=xxx&aliyunId=xxx&validityTime=60
```
当success为true时，表示获取token成功。此时accessToken的值即为token。
说明如果您在accessToken有效期内再次发送请求获取或访问报表，都会自动延迟默认设置的token有效时长。
例如，第一次获取validityTime并设置为10分钟，如果10分钟之内您再次发送请求，会在此基础上延长10分钟：

当超过token的有效时长后再次获取validityTime，token内容才会改变。

如果想要立即取消token时效，可以发送如下post请求，并适配对应的参数值。
https://das.base.shuju.aliyun.com/api/ac3rdservice/tokenInvalid.json?aliyunId=XXX&accessToken=XXX。

步骤2：添加需要嵌入的仪表板

在Quick BI首页，单击顶部的开放服务。
单击左侧导航栏的报表嵌入，并单击页面右侧的新增嵌入报表。
在新增嵌入报表对话框，选择相应的工作空间和空间下要嵌入的数据对象名称后，单击确定。
拼接免登URL。
1. 在Quick BI首页，单击工作空间 > 仪表板。
2. 在仪表板管理页面，单击目标仪表板右侧的图标。
  您在仪表板预览页面的地址栏中看到的地址即为访问报表的地址。
  
  说明系统支持修改预览地址的域名。例如，预览地址域名为das.base.shuju.aliyun.com，您可以修改为bi.aliyun.com。
3. 将步骤1生成的accessToken拼接到报表的URL后面，免登录即可查看报表。
  示例如下。
```
https://das.base.shuju.aliyun.com/token3rd/dashboard/view/pc.htm?pageId=703d6621-7aa0-4716-bcc1-515e3da794c2&accessToken=XXXXX
```

具体示例

HTML格式

<body>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="100%" src="https://bi.aliyun.com/dashboard/view/pc.htm?spm=a2c10.10637826.0.0.1e6a4666IqoH1q&pageId=9f489954-8154-476b-a4a7-22e2aed48115&accessToken=81000c719xxxxxx9bf874d4578c5f836"></iframe>
27</body>

JSON格式

(function setIframe(){
 var frame = '<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="100%" src="'
       + '//bi.aliyun.com/dashboard/view/pc.htm?spm=a2c10.10637826.0.0.1e6a4666IqoH1q&pageId=9f489954-8154-476b-a4a7-22e2aed48115&accessToken=81000c7197ca93xxxxxx4d4578c5f836'
             + '"></iframe>';
 var newNode = document.createElement('div');
 newNode.innerHTML = frame;
 newNode.style.height = '1600px';
 var htmlBody = document.getElementsByTagName('body')[0];
 htmlBody.insertBefore(newNode, htmlBody.firstChild);
})();