소개

보고서를 앱에 통합하는 2단계, Power BI 보고서 가져오기에서는 Power BI 보고서를 가져왔습니다. 이 단계에서는 보고서를 IFrame에 로드합니다.

보고서를 IFrame에 로드하려면, IFramesrc 특성을 reportembedUrl 속성으로 설정하고, 시각 보고서에 대한 액세스를 확보하기 위해 액세스 토큰과 메시지를 게시할 onload 핸들러를 만듭니다. 다음은 보고서를 IFrame에 로드하는 JavaScript 코드입니다.

보고서를 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에 등록
보고서를 앱에 통합하는 연습
보고서 통합 샘플
보고서 통합 샘플 구성
보고서 가져오기 작업
궁금한 점이 더 있나요? Power BI 커뮤니티를 이용하세요.