Introdução

Na etapa 2 de Integrar um relatório em um aplicativo, Obter um relatório do Power BI, você obtém um relatório do Power BI. Nesta etapa, você carrega um relatório em um IFrame.

Para carregar um relatório em um IFrame, você define o atributo src de um IFrame como a propriedade de embedUrl de um relatório e cria um manipulador onload para postar uma mensagem com um token de acesso, a fim de obter acesso ao visual do relatório. Veja abaixo o código JavaScript para carregar um relatório em um IFrame.

Carregar um relatório em um 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 você baixou e executou a amostra Integrar um relatório, a amostra será parecida com a mostrada abaixo.

Conclusão

Neste passo a passo, você aprendeu a integrar um relatório em um aplicativo obtendo um relatório e, em seguida, carregando o relatório em um IFrame. Você pode baixar a amostra Integrar um relatório completa, que mostra todas as partes trabalhando para inserir um relatório em um aplicativo Web ASP.NET. Você também pode exibir a Listagem de código completa Integrar um relatório em um aplicativo.

Consulte também

Inscrever-se no Power BI
Passo a passo para integrar um relatório em um aplicativo
Integrar uma amostra de relatório
Configurar a amostra Integrar um relatório
Operação Obter relatórios
Mais perguntas? Experimente a Comunidade do Power BI