Solved: Embedding report

cheesepudding · ‎11-20-2017

Hello,

I have imported my app into workspaces by publishing from my desktop applicaiton as stated here. I am using the report ID and group ID of the URL of the page.

However when I try to embed I get the following error:

In the console I get the 403 (Forbidden error).

I am getting an embed token starting with H4sI.

The code I use to embed is

<html>

<body>
    <div id="reportContainer"></div>
    <script src="./node_modules/powerbi-client/dist/powerbi.min.js"></script>
    <script>
        (function () {
            var embedToken = 'H4sIAAAAAAAEAB2WxQ7s2A5F_-VO01KYWupBmCrMmYWxwtx6__5KPbeOjrbttfzvHyt9hikt_vz9J5IN4OY9sorlvE808_MF3XDmhUSvgDqP11K3Y1uLhpxLOeu08Lw5qe4TPQclNLgAJXAFQx0D0Gzep0g1hDC9yl199-uFeoT9dAzKmnVZtV1Ls3DhJhxxR7Ka9affcb4FP7nMSD4gI1JUqotgSmnDrN_03CPcttkeDHN4Z4krgR-BOUSy1zhwfr46D9f3PqF6yn99_jN-42ChIsJPhGWrB__t-mHbR4DP4YXOjeB5Ltp8YBmnxZRjC5rFaDTHHqMU3PIuYsKf9YcQiB2NaWyPvgi6wpfHiZtekkdE12_VoRQCmi5ZjaHSsVKVscgI0XIQuvns8XcL83o48Hc1WmN8-WCJgsvbHtsrOM0hi0nWhkwUwVdQpOjddJJZhqlQddIAf9r-Lkdz8i_z0WoQxs603Xg1-X1PQ6p-ydNXmrJ2ulT5S3N4bIyQICom-CoiWzHig2XFoYiRJu8Klx6NxXMxrkyQZjxGrGuC39lYXokq6czUOd5Fdp86iKKLFx3-N9621Skm8XK0_ARuqRKJ4JMCSwl4njT07fBlzRU7CdQuwnHJMF9_3eiQSyxMUaz3NdmWP7-n0wFJlfiBicy9jyjRtrsGojPwuAi9_Ink5YVf2WE1muj10DhSCDKWp3eWLM1ScaOuvRB8-7gyLzzwlMYEvqzgO-8IGmmPrYjNMnPeLqVmi0e6ow_OFmaDFrncu0bLaDEAKD3n67vs8GAPGERpgATDHfG3z4u3_ja0qNvJsAWSMNYYc-tYtuiAPUdZwHycczpMs3SrbL8zyAy8STjSURU6Nd7jd39p3W_93mBZJ2Y428ax2tWwe6oZlsrhD48zxE6Vjl15JLyT_BnvfHgR0J6RXWS_3Y6iKNc9q0A_aV7TeOnK2C57VdtSvD32sTSvqVsRHxiltqh2WCvw3jvaOBGGj6QJeuOSxfSZTIVzTt5rKpvX0Cb7mPNlfdyv-skPRbpe74tvl0sX2bbs-jfhNHIeqJyIvxseCIYDKSNzmxUS1tEce5vLpOggd6UIFYdmVTokb0Qr_vqSPQrnmocnVwNYp7Czey6Kp8hCWJzceVSHAUDLSiQQnsCuOIAVs-JEoKJN8dt1QYaXgdD1ItrIyH4XfRNWZ6iz4-AorDD-PPExp3IUKMbCjqFL8sd40ArX1ijM_iQnnQnSGUL9Ta52yHLi-02Wy0HwNknXGXmJEA1Y30I8Ar_1HUFDPlaZywvSDNMB-cyoMo18cOfIYu2doLh4quvH5haRpcR_Ax99wmZ13Nio-OyNRiv_5q2BdgAqmT3JRcAl7WELkAaHpx9dakt6g6GE8cwFGV4SZJmJlqzM49STGXSywRINw0axLZh9c6dj56wUuyxNLqyKDoqgFUOtZPhBSdJakFTmIWawT9nmh8TZz5-2-FxGB4ThJvfXO2yNLlFLT0pdTtq0dxPscPpu-cL8U-FewyY3u7_jReOgoV3RSyGNvYWB71BcbVufsMBxbqwqtg7PNhdDs5SCsqbOE0jCjzXoIJzs0uIsdMymXuvWHr7M5LM7HNJAZrLuUwLJgSdfDyNjB3Hg3ZecoEkokh3rIQN_gd3aLW_xowQLoIJ7DGb5qsXusXEFleIr8oSe0cUE3kHhCQAwHwEHuYhh6pYH_sZCHAWzTAW2Oft0o1Ec8pPHPMGXs-l1_dDcp5TnKcS31vfhSQCaGKslLfMyAiJVNYY8UDuJJu6y9bX7J296Bjik_VElWk-sVYIdiavTXoY2ecgTfUTZRZanMAgUdEDuLltwxKcOvYsPDsnJo_pUpW_HrsPDsHda4odcfyBetO7gN9OCN1t-2NUpkzb_SggOz_fu-nTe6tHaq4kTp_wSMnWvRrpoWuKVLjy6d3jawdVw5WwDpF-LMV7AthvVvCkAbM7VviKpvzpamysywE2FSD-7Nn8_7WnGJVW7YktT_kjt1B4huRdnM9JTVAK5JWy8aGQmE7uvLP5AXz1SO_GZiGsUOuWhFrNWbIE0dmMHD2W5NxnHUsCL1fOSFecenY8L5mtjh1gEizS0nBtLmMv0boYv2oByFVMnmzMjh8zM7jQ7nw82ICVFn2LGUKa_rCcpIR8tPKei1Af0tEXdW5XMDmxb-OfPX3-49Zn3SSuf3-kQ9lbDJAZb0xLMVOkxdk5RVWku-dZrEINwH6NvquWl7vqKNM7YeT9_ts4mO6-SCWy9ydvd8s7NM36J7VwyANUcUAgHZwDf8hsy0xF6mqvD-LkygtKQMLVbJXg1jSF6DK9qcgA3LAn8W-NvXN_mpIF834BYzbOr9pNkdiuIemwXPlkHdsSYQqXbbwEPC5ffeKgdGMIl3v-4jzPSIth-hDvKsUliSeNRRdJ4F2LipcN9SI6CrjMk5YsjDq4RJr_AFxTTWBwNMKfKAXAB-e00HfQ92409sZkmUNM1w6mKBQFRECG9xbp9DPBwCsTPTzWxWURv3K2ovW8Bq1FBfJ4vAaRw2jL__BfzMzflqgS_lPkw0aftEnXf3rHyxA28cJzrvyq3rcd0P9byV-ZDKaWV9fDjUgqov4MgXiEZXfLq4KoL2xCwoq8Or9NnZOGfXlIzrtOP52EHtS4phkP5J8ViISWrXVTBDbfkn9n1_Hz8AozAOTjEvKhlL_F2ev-YYZQW0kkFnSivpZTWWUVcvCEscqMqnf-GOqEVIUdVJdnhs67eCEzGsdxZJ0lQ20qGZ9TsN9J741C27fUy6dvUz7bEEaHh0I-ZO7j1N3VMJo7R5SCzYnT70jH4XJpOXol4MuB9Xzxg5rRvFuNAFuzwQl8kvLfEQ880BW5Ffn6LHXlxAziYUS3z34nFxePHTdlgpHNTiUi_V-7B9wJ0ZcNKKzVy-AImnvtAlX5F0BlD61_M__s_I_VrjS4LAAA=';
            var reportId = '4c9d8571-5899-4b66-a3ee-ae6993eaea83';
            var embedUrl = 'https://embedded.powerbi.com/appTokenReportEmbed?reportId=' + reportId;
            var models = window['powerbi-client'].models;
            var permissions = models.Permissions.All;
            var config = {
                type: 'report',
                tokenType: models.TokenType.Aad,
                accessToken: embedToken,
                embedUrl: embedUrl,
                id: reportId,
                permissions: permissions,
                settings: {
                    filterPaneEnabled: true,
                    navContentPaneEnabled: true
                }
            };
            powerbi.embed(document.getElementById('reportContainer'), config);
        })();
    </script>
</body>

</html>

Eric_Zhang · ‎11-21-2017

@cheesepudding

You're mixing the legency Power BI Embedded and the new Power BI Embedded capacity-based SKUs. The embedded token is the concept for the new while the embed url in your case refers to the legency. As the lengecy is being deprecated, consider migrating the legency to Power BI.

View solution in original post

Eric_Zhang · ‎11-21-2017

@cheesepudding

You're mixing the legency Power BI Embedded and the new Power BI Embedded capacity-based SKUs. The embedded token is the concept for the new while the embed url in your case refers to the legency. As the lengecy is being deprecated, consider migrating the legency to Power BI.

cheesepudding · ‎11-21-2017

@Eric_Zhang That was the problem, I was using the old embed URL over the new one and that was causing the problem

HarsimPWRBI · ‎11-20-2017

Have you register App reference link ?

Embedding report

Helpful resources

Microsoft Fabric Learn Together

Power BI Monthly Update - April 2024

Fabric Community Update - April 2024