Introducción

En el paso 2 de Integrar un informe en una aplicación, Obtener un informe de Power BI, obtendrá un informe de Power BI. En este paso, cargará un informe en un IFrame.

Para cargar un informe en un IFrame, configure el atributo src de un IFrame para la propiedad embedUrl de un informe y cree un controlador onload para publicar un mensaje con un token de acceso para obtener acceso al elemento visual del informe. A continuación se muestra el código JavaScript para cargar un informe en un IFrame.

Cargar un informe en 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, "*");;
}

Si ha descargado y ejecutado Integrar un ejemplo de informe, el ejemplo tendrá un aspecto parecido al siguiente.

Conclusión

En este tutorial ha aprendido cómo integrar un informe en una aplicación mediante la obtención de un informe y, a continuación, cargando el informe en un IFrame. Puede descargar Integrar un ejemplo de informe completo, que muestra todas las partes necesarias para incrustar un informe en una aplicación web ASP.NET. También puede ver la sección completa Integrar un informe en un listado de código de la aplicación.

Vea también

Suscribirse en Power BI
Tutorial Integrar un informe en una aplicación
Integrar un ejemplo de informe
Configurar Integrar un ejemplo de informe
Operación Obtener informes
¿Tiene más preguntas? Pruebe la comunidad de Power BI