顯示檢視及票證
在建立 POST 請求之後,您需要編寫一段代碼,以便向 Web 伺服器提供來自 Tableau Server 的檢視位置和票證。伺服器將使用此資訊來顯示檢視。如何指定取決於檢視是否為內嵌檢視以及 Tableau Server 是否執行多個網站。
Tableau Server 檢視範例
下面是如何指定使用者僅透過 Tableau Server 存取的檢視的範例(該檢視不是內嵌檢視)。
http://<server_name>/trusted/<unique_ticket>/views/<workbook_name>/<view_name>
如果 Tableau Server 正在執行多個網站,並且該檢視位於 Default 網站之外的其他網站上,則需要向該路徑新增 t/<site_id>
。例如:
http://<server_name/trusted/<unique_ticket>/t/Sales/views/<workbook_name>/<view_name>
使用在 Tableau Server URL 中看到的相同大小寫形式。
內嵌檢視範例
下面是如何指定內嵌檢視的範例。您可採用兩種方法來編寫嵌入代碼,下面便提供了這兩種方法。不管使用哪種方法,您必須提供受信任的驗證所特有的一些資訊。有關詳情,
附註:下面的範例使用內嵌代碼參數。有關詳情,請參閱 Tableau 說明中的內嵌代碼參數(連結在新視窗開啟)。
指令碼標記範例
此範例使用 ticket
對象參數:
<script type="text/javascript" src="http://myserver/javascripts/api/viz_v1.js"></script> <object class="tableauViz" width="800" height="600" style="display:none;"> <param name="name" value="MyCoSales/SalesScoreCard" /> <param name="ticket" value="9D1ObyqDQmSIOyQpKdy4Sw==:dg62gCsSE0QRArXNTOp6mlJ5" /> </object>
對於多網站 Tableau Server,以上範例為以下內容(檢視是在 Sales
網站上發佈的):
<script type="text/javascript" src="http://myserver/javascripts/api/viz_v1.js"></script> <object class="tableauViz" width="800" height="600" style="display:none;"> <param name="site_root" value="/t/Sales" /> <param name="name" value="MyCoSales/SalesScoreCard" /> <param name="ticket" value="9D1ObyqDQmSIOyQpKdy4Sw==:dg62gCsSE0QRArXNTOp6mlJ5" /> </object>
您可以使用 path
參數顯式聲明檢視的完整路徑,而不是使用 ticket
。使用 path
時,也不需要 name
參數,此參數在 Tableau JavaScript 嵌入代碼中通常是必需參數。
<script type="text/javascript" src="http://myserver/javascripts/api/viz_v1.js"></script> <object class="tableauViz" width="900" height="700" style="display:none;"> <param name="path" value="trusted/9D1ObyqDQmSIOyQpKdy4Sw==:dg62gCsSE0QRArXNTOp6mlJ5/views/MyCoSales/SalesScoreCard" /> </object>
以下是同一範例,但這次針對的是多網站伺服器。請附註:,此處使用的是 /t/<site_id>
:
<script type="text/javascript" src="http://myserver/javascripts/api/viz_v1.js"></script> <object class="tableauViz" width="900" height="700" style="display:none;"> <param name="path" value="trusted/9D1ObyqDQmSIOyQpKdy4Sw==:dg62gCsSE0QRArXNTOp6mlJ5/t/Sales/views/MyCoSales/SalesScoreCard" /> </object>
Iframe 標記範例
<iframe src="http://tabserver/trusted/9D1ObyqDQmSIOyQpKdy4Sw==:dg62gCsSE0QRArXNTOp6mlJ5/views/workbookQ4/SalesQ4?:embed=yes" width="800" height="600"></iframe>