QuickBI助你成爲分析師——羣空間自主開通嵌入第三方報表權限

摘要: 用戶使用過程當中常常須要將建立的儀表板嵌入至本身應用中,方便查看。目前目前高級版羣空間下支持用戶自助化開通報表權限,經過獲取拼接Token方式後臺驗證更加嚴格,而且支持實時更新/關閉Token以保證數據安全。html

用戶使用過程當中常常須要將建立的儀表板嵌入至本身應用中,方便查看。目前高級版羣空間下支持用戶自助化開通報表權限,使用更加方便,下面是具體操做步驟:json

1、 經過https接口獲取accessToken

1.1 請求地址
https://das.base.shuju.aliyun.com/api/ac3rdservice/token.json?accessId=xxx&accessKey=xxx&aliyunId=xxx&validityTime=60 (請替換爲您的參數後訪問)。api

1.2 生成QuickBI AccessId 和 QuickBI AccessKey安全

以下圖,在控制檯首頁進入羣空間設置,組織管理-識別碼 生成身份識別碼,該識別碼用於標識訪問者身份。post

in

識別碼

1.3 參數ui

accessId   //上圖中QuickBI AccessID
accessKey  //上圖中QuickBI AccessKey
aliyunId   //登陸DATAIDE時使用的阿里雲帳號
validityTime  // token失效時間 默認是60分鐘;如傳值5 表示五分鐘後失效,如傳值120 表示120分鐘後失效;最長不超過4小時240

若是使用的是主帳號,aliyunId 爲DATAIDE登陸時使用的阿里雲帳號,以下圖紅框中的登陸帳號:阿里雲

主

若是使用的是子帳號,aliyunId這個參數的內容格式爲:主帳號的帳號名:子帳號,以下圖紅框內容:url

子

例子以下:spa

https://das.base.shuju.aliyun.com/api/ac3rdservice/token.json?accessId=xxxxxxxxxxxxxxxxxxxxxxx&accessKey=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&aliyunId=136*59:yuan_sub1&validityTime=60code

請保持申請開通儀表板接入權限的賬號(支持主子帳號)與儀表板製做者一致。

1.4 獲取token

將以上參數拼接到 1.1 步驟中的地址中發送get請求獲取token 。

token

當success爲true的時候,說明獲取token成功,accessToken的值就是token。

注意:

1.若在accessToken有效期內再次發送請求獲取或者訪問報表,都會自動延遲默認設置的token有效時長。例如:第一次獲取validityTime設置爲10分鐘,在10分鐘以內再次發送請求,會在此基礎上續期10分鐘。

2.只有在token失效後再次獲取,token內容纔會改變。

3.若想當即取消token時效,能夠發送以下post請求,將參數修改成本身的便可:https://das.base.shuju.aliyun.com/api/ac3rdservice/tokenInvalid.json?aliyunId=XXX&accessToken=XXX

2、 添加須要嵌入的儀表板

以下圖,在 工做空間管理 選擇對應羣空間,進入TAB:嵌入報表, 點擊‘申請嵌入報表’按鈕選擇報表添加:

嵌入列表

3、 拼接免登url

預覽

如圖,預覽的地址就是訪問報表的地址;

將第一步中生成的accessToken追加到報表的url後面,便可免登查看了;

具體示例

HTML代碼模式

<body>
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="100%" src="
        https://das.base.shuju.aliyun.com/token3rd/shulaibao/preview.htm?
        spm=a2c10.8099065.0.0.XliYEz&pageId=586ae9a6-9532-40da-a029-73a43e195c50&accessToken=636e218116059420ccabec0fd507670a#2555826b-7b18-40ba-b84d-c2dc269e14cc*=*{"time":{"realTime":{"from":"20091001","to":"20170301"}}}'
        ></iframe>
 </body>

JS代碼模式

(function setIframe(){
  var frame = '<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="100%" src="'
        + '//das.base.shuju.aliyun.com/token3rd/shulaibao/preview.htm?spm=a2c10.8099065.0.0.XliYEz&pageId=586ae9a6-9532-40da-a029-73a43e195c50&accessToken=636e218116059420ccabec0fd507670a#2555826b-7b18-40ba-b84d-c2dc269e14cc*=*{"time":{"realTime":{"from":"20091001","to":"20170301"}}}'
              + '"></iframe>';
  var newNode = document.createElement('div');
  newNode.innerHTML = frame;
  newNode.style.height = '1600px';

  var htmlBody = document.getElementsByTagName('body')[0];
  htmlBody.insertBefore(newNode, htmlBody.firstChild);
})();

原文連接

相關文章
相關標籤/搜索