Einführung

In Schritt 3 zum Integrieren einer Kachel in eine App (Abrufen einer Power BI-Kachel) rufen Sie eine Power BI-Kachel ab. In diesem Schritt laden Sie eine Kachel in einem IFrame.

Für das Laden einer Kachel in einem IFrame legen Sie das src-Attribut eines IFrames auf die embedUrl-Eigenschaft eine Kachel fest und erstellen einen onload-Handler zum Veröffentlichen einer Nachricht mit einem Zugriffstoken, das den Zugriff auf die Kachelvisualisierung ermöglicht. Im Folgenden finden Sie JavaScript-Code zum Laden einer Kachel in einem IFrame.

Laden einer Kachel in einem 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, "*");;
}

Wenn Sie das Beispiel zum Integrieren einer Kachel heruntergeladen und ausgeführt haben, sieht das Beispiel ähnlich wie das folgende aus.

Fazit

In dieser exemplarischen Vorgehensweise haben Sie gelernt, wie Sie eine Kachel in eine App integrieren, indem Sie die Kachel in einem Dashboard abrufen und dann in einem IFrame laden. Sie können das vollständige Beispiel zum Integrieren einer Kachel herunterladen. Es zeigt alle Teile zum Einbetten einer Kachel in eine ASP.NET-Web-App bei der Ausführung. Sie können sich auch die vollständige Codeliste zum Integrieren einer Kachel in eine App ansehen.

Siehe auch

Registrieren bei Power BI
Exemplarische Vorgehensweise zum Integrieren einer Kachel in eine App
Beispiel zum Integrieren einer Kachel
Konfigurieren des Beispiels zum Integrieren einer Kachel
Vorgang „Get Dashboards“ (Dashboards abrufen)
Vorgang „Get Tiles“
Weitere Fragen? Wenden Sie sich an die Power BI-Community