Introduzione

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

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

Caricare un report in un IFrame

//Configure IFrame for the report 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('iFrameEmbedReport');

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

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

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

    // Construct the push message structure
    // this structure also supports setting the reportId, groupId, height, and width.
    // when using a report in a group, you must provide the groupId on the iFrame SRC
    var m = {
        action: "loadReport",
        accessToken: document.getElementById('MainContent_accessToken').value
    };
    message = JSON.stringify(m);

    // push the message.
    iframe = document.getElementById('iFrameEmbedReport');
    iframe.contentWindow.postMessage(message, "*");;
}

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

Conclusioni

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

Vedere anche

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