簡介

步驟 3 將磚整合到應用程式的 取得 Power BI 磚 中,您會取得一個 Power BI 磚。 在此步驟中,將磚載入 IFrame

若要將報表載入 IFrame,請將 IFramesrc 屬性設定為 embedUrl 屬性,並建立 Onload 處理常式以利用 存取權杖 張貼訊息,才能存取磚視覺化資料。 以下是用於將磚載入 IFrame 的 JavaScript 程式碼。

將磚載入 IFrame

//Configure IFrame for the tile after you have an Access Token. See Default.aspx.cs to learn how to get an Access Token
window.onload = function () {
    if ("" != document.getElementById('MainContent_accessToken').value)
    {
        var iframe = document.getElementById('iFrameEmbedTile');

        // To load a tile do the following:
        // Set the IFrame source to the EmbedUrl from the Get Tiles operation
        iframe.src = document.getElementById('MainContent_tileEmbedUrl').value;

        // Add an onload handler to submit the access token
        iframe.onload = postActionLoadTile;
    }
};

// Post the access token to the IFrame
function postActionLoadTile() {

    // Construct the push message structure
    // This is where you assign the Access Token to get access to the tile visual
    var messageStructure = {
        action: "loadTile",
        accessToken: document.getElementById('MainContent_accessToken').value,
        height: 500,
        width: 500
    };
    message = JSON.stringify(messageStructure);

    // Push the message
    document.getElementById('iFrameEmbedTile').contentWindow.postMessage(message, "*");;
}

若您已下載並執行 整合磚範例,範例看起來會類似下方所示。

結論

在本逐步解說中,您已學會如何在儀表板中取得磚以將磚整合到應用程式,接著再將磚載入 IFrame。 您可以下載完整的 整合磚範例,以了解將磚內嵌到 ASP.NET Web 應用程式的所有步驟。 您也可以檢視完整的 將磚整合到應用程式程式碼清單

另請參閱

註冊 Power BI
將磚整合到應用程式中的逐步解說
整合磚的範例
設定整合磚的範例
取得儀表板作業
取得磚作業
有其他問題嗎? 試試 Power BI 社群