Введение

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

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

Загрузка плитки в 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, "*");;
}

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

Заключение

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

См. также:

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