How to embed the PowerBI Report in a html page by using JavaScript/Angular

Question

Hi,&nbsp;I am using this link&nbsp;https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html# to copy the javascript and using it directly into a html file after chaging the values to static values becaue this is taking the value from text Box. But to my utter surprise it does not works.&nbsp;&nbsp;Do we have any working version of plain simple HTML with report embedding code using Javascript/Angular?&nbsp;RegardsRajaniesh

gilbertq · Answer

Hi thereIf you are looking to embed a Power BI report into a web page, you can use the Secure Embed option in a Power BI report?https://powerbi.microsoft.com/en-us/blog/easily-embed-secure-power-bi-reports-in-your-internal-portals-or-websites/

rajaniesh · Answer

Hi Gilbert,&nbsp;Secure Embed will not work because we want to embedd it in the existing Angula JS application and pass the Auth token based on currently loggedin user cred instead of allowing user to login to powerbi seperately.&nbsp;RegardsRajanieshBlog&nbsp;

gilbertq · Answer

Hi thereIf that is the case then this might be the best starting point for you to learn how to pass the authentication throughhttps://powerbi.microsoft.com/en-us/developers/embedded-analytics/isv/

Forum Discussion

How to embed the PowerBI Report in a html page by using JavaScript/Angular

3 Replies

Related content

PowerBI Report builder

PowerBi Report Server May 2023

PowerBI RDL report

PowerBI Report Server

PowerBi Report Server Mobile App Stuck Loading Report on IOS Devices