Power BI Report not loading in Web Page

[EnzoSoares]

Greetings.

I'm trying to embed a Power BI report using an azure service principal and a capacity. I managed to obtain the embed url through the endpoint

https://api.powerbi.com/v1.0/myorg/groups/{group_id}/reports/{report_id}

 I am then trying to put that embed url inside an iframe like so:

    <iframe title="Title" width="1140" height="541"
            src={{ embed_url }}
            allowFullScreen="true"></iframe>

 When the page is loaded, the report just loads infinitely.

What should I be doing diferently? Any help would be appreciated.

[v-rzhou-msft · Accepted solution]

Hi @EnzoSoares ,

According to your statement, I think you use service principal as authentication method to embed your report for customer. 

For reference:

Embed Power BI content with service principal and an application secret

Tutorial: Embed Power BI content using a sample embed for your customers' application

If you use embed to website, you can refer to below offcial blog.

Embed a report in a secure portal or website

Easily embed secure Power BI reports in your internal portals or websites

Best Regards,
Rico Zhou

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.