Forum Discussion

powerbiexpert22's avatar
powerbiexpert22
Impactful Individual
1 year ago
Solved

Power BI embed

I need to embed power bi report on angular web portal (secure embed using power bi embedded), do i need to take help from angular web application person to perform this activity in terms of coding ? ...
Need Help
  • anilelmastasi's avatar
    anilelmastasi
    1 year ago

    Hello powerbiexpert22 ,

     

    Yes — you will almost certainly need help from the Angular web application developer to embed a Power BI report securely using Power BI Embedded. Secure Embed (Power BI Embedded) requires application-side coding — specifically, you need to generate and inject an access token (embed token) into the Angular app so it can securely load the report. This part cannot be done just from the Power BI Service UI.

     

    What typically happens:
    Backend 
    Your backend developer should implement a secure service that Authenticates with Azure AD, Calls the Power BI REST API to generate the embed token, Passes the embed token to the frontend (Angular app)

     

    Frontend (Angular app)
    → The Angular developer uses the official Power BI JavaScript SDK (powerbi-client), embeds the report into an Angular component using the embed URL + embed token + report ID, without the Angular developer, you’ll have a hard time safely and correctly wiring this into the frontend.

     

    If this solved your issue, please mark it as the accepted solution. ✅

anilelmastasi's avatar
anilelmastasi
Super User
1 year ago

Hello powerbiexpert22 ,

 

Yes — you will almost certainly need help from the Angular web application developer to embed a Power BI report securely using Power BI Embedded. Secure Embed (Power BI Embedded) requires application-side coding — specifically, you need to generate and inject an access token (embed token) into the Angular app so it can securely load the report. This part cannot be done just from the Power BI Service UI.

 

What typically happens:
Backend 
Your backend developer should implement a secure service that Authenticates with Azure AD, Calls the Power BI REST API to generate the embed token, Passes the embed token to the frontend (Angular app)

 

Frontend (Angular app)
→ The Angular developer uses the official Power BI JavaScript SDK (powerbi-client), embeds the report into an Angular component using the embed URL + embed token + report ID, without the Angular developer, you’ll have a hard time safely and correctly wiring this into the frontend.

 

If this solved your issue, please mark it as the accepted solution. ✅