Error: Embed URL is invalid for this scenario. Please use Power BI REST APIs to get the valid

[Anonymous]

Need help..!

I have implemented powerbi-javascript embedded custmization with Angular 9 web app. I can be able see dashboard charts view, but whenever I change embedUrl ( which is working in browser ) it shows blank page and getting error - 

Error: Embed URL is invalid for this scenario. Please use Power BI REST APIs to get the valid 

Embed URL: 

embedUrl: 'https://app.powerbi.com/reportEmbed?reportId=my-report-id&autoAuth=true&ctid=19ea27d1-****-****-****-63b2c1b248e0&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJweyrwerSAiuwyrbSDkyZWRpcmVjdC5hbmFseXNpcy53aW5kb3dzLm5ldC8ifQ%3D%3D&pageName=ReportSection4',

 Configuration Object - 

const config: any = {
  type: 'report',
  uniqueId: '40cc1ea5-4ef2-4e63-8c4d-2970a6584be6',
  permissions: this.model.Permissions.All,
  embedUrl: 'embed-url',
  accessToken: 'access-token',
  settings: { panes: { filters: { visible: true }, pageNavigation: { visible: false } } 
};

Thanks,

[MattCalderwood · Accepted solution]

Hi @Anonymous 

The embed URL you have shown doesn't look valid.
Did you generate it using the REST API?  https://docs.microsoft.com/en-us/rest/api/power-bi/reports/getreportsingroup

You should see something much shorter + without the query string parts like (autoAuth=true & pageName=ReportSection4).
I dont think selecting an initial page via the embed URL is supported.

Example URL from the Docs:

https://app.powerbi.com/reportEmbed?reportId=5b218778-e7a5-4d73-8187-f10824047715&groupId=f089354e-8366-4e18-aea3-4cb4a3a50b48

[Anonymous]

Thank you @MattCalderwood

I removed query string parts (autoAuth=true & pageName=ReportSection4). and it works fine.

[parry2k]

@Anonymous  moved to developer forum