Introduzione

Nel passaggio 3 della procedura dettagliata Integrare un riquadro in un'app, Ottenere un riquadro di Power BI, si ottiene un riquadro di Power BI. In questo passaggio si caricherà un riquadro in un IFrame.

Per caricare un riquadro in un IFrame, impostare l'attributo src di un IFrame sulla proprietà embedUrl di un riquadro e creare un gestore onload per inviare un messaggio con un token di accesso per ottenere l'accesso all'elemento visivo del riquadro. Di seguito è riportato il codice JavaScript per caricare un riquadro in un IFrame.

Caricare un riquadro in un 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, "*");;
}

Se è stato scaricato ed eseguito l'esempio di integrazione di un riquadro, avrà un aspetto simile al seguente.

Conclusioni

In questa procedura dettagliata si è appreso come integrare un riquadro in un'app ottenendo un riquadro in un dashboard e quindi caricando il riquadro in un IFrame. È possibile scaricare l'intero esempio di integrazione di un riquadro che illustra tutte le parti che interagiscono per incorporare un riquadro in un'app Web ASP.NET. È anche possibile vedere Integrare un riquadro nel listato di codice di un'app per una descrizione completa.

Vedere anche

Iscriversi a Power BI
Procedura dettagliata: Integrare un riquadro in un'app
Esempio di integrazione di un riquadro
Configurare l'esempio di integrazione di un riquadro
Operazione Get Dashboards
Operazione Get Tiles
Altre domande? Provare la community di Power BI