Введение

В шаге 2 (Получение отчета Power BI) процедуры интеграции отчета в приложение вы получаете отчет Power BI. В этом шаге отчет загружается в IFrame.

Чтобы загрузить отчет в IFrame, задайте атрибут src IFrame равным свойству embedUrl отчета и создайте обработчик событий OnLoad для публикации сообщения с токеном доступа в целях получения доступа к визуальному элементу отчета. Ниже приведен код JavaScript для загрузки отчета в IFrame.

Загрузка отчета в 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, "*");;
}

Если вы скачали и запустили пример интеграции отчета, он будет выглядеть аналогично приведенному ниже коду.

Заключение

В этом пошаговом руководстве вы узнали, как интегрировать отчет в приложение, получив отчет и затем загрузив его в IFrame. Вы можете скачать полный пример интеграции отчета, который демонстрирует все этапы внедрения отчета в веб-приложение ASP.NET. Вы также можете ознакомиться со статьей Интеграция отчета в приложение — листинг кода.

См. также:

Регистрация бесплатной учетной записи Power BI с пользовательским клиентом каталога Azure Active Directory
Пошаговое руководство по интеграции отчета в приложение
Пример интеграции отчета
Настройка примера интеграции отчета
Операция получения отчетов
Появились дополнительные вопросы? Ответы на них см. в сообществе Power BI.