Introdução

Na etapa 3 de Integrar um bloco em um aplicativo, Obter um bloco do Power BI, você obtém um bloco do Power BI. Nesta etapa, você carrega um bloco em um IFrame.

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

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

Conclusão

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

Consulte também

Inscrever-se no Power BI
Passo a passo para integrar um bloco em um aplicativo
Amostra Integrar um bloco
Configurar a amostra Integrar um bloco
Operação Obter Dashboards
Operação Obter blocos
Mais perguntas? Experimente a Comunidade do Power BI