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

[rajaniesh]

Hi,

I am using this link 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. 

Do we have any working version of plain simple HTML with report embedding code using Javascript/Angular?

Regards

Rajaniesh

[GilbertQ]

Hi there

If 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-porta...

[rajaniesh]

Hi Gilbert,

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.

Regards
Rajaniesh

Blog

[GilbertQ]

Hi there

If that is the case then this might be the best starting point for you to learn how to pass the authentication through

https://powerbi.microsoft.com/en-us/developers/embedded-analytics/isv/