topic Power BI Report Embed using JavaScript in Developer

Power BI Report Embed using JavaScript

mittalpatel130 — Tue, 10 Mar 2020 16:43:06 GMT

Hello -

I'm embedding Power BI Reports into another application using JavaScript and I could generate access token (Barear) using below JavaScript code but it doesn't work in all the browsers. It displays below error message.

Access to XMLHttpRequest at 'https://login.microsoftonline.com/<<tenant_id>>/oauth2/token' from origin 'null' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I added required request headers but still the same result.

var key; var request = new XMLHttpRequest(); request.open("POST", "https://login.microsoftonline.com/<<tenant_id>>/oauth2/token", true); request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); request.setRequestHeader('Access-Control-Allow-Headers', 'x-requested-with'); request.setRequestHeader('Access-Control-Allow-Origin', '*'); request.send("grant_type=client_credentials&client_id=<<clientid>>&client_secret=<<clientsecret>>&resource:<<resourceurl>>"); // specify the credentials to receive the token on request request.onreadystatechange = function () { if (request.readyState == request.DONE) { var response = request.responseText; var obj = JSON.parse(response); key = obj.access_token; token_ = key; } }

Any ideas?

Thank you!

Re: Power BI Report Embed using JavaScript

csjames010 — Sat, 14 Mar 2020 00:40:08 GMT

The browser is blocking the request because you are getting data back from a domain that is not the same as your site. That's a good thing for security reasons. You'll want to execute that request outside of the browser. In my implementation, I have this piece running on an extremely basic Node server using express to expose it to the front end.

Re: Power BI Report Embed using JavaScript

mittalpatel130 — Mon, 16 Mar 2020 14:21:50 GMT

Thank you @csjames010 !

Yes, I found out below code which uses ADAL.js, but my question is what should be the redirect_uri in my Azure AD app so that below code returns the id_token to ServiceNow Page and further we can access it for embed report javascript? Currently when I execute this code, it successfully generates the id_token in browser URL after login.

Re: Power BI Report Embed using JavaScript

csjames010 — Tue, 17 Mar 2020 16:44:43 GMT

Sorry - wish I could help more, there. I'm not really that familiar with the msft libraries. I've prototyped user owns and app owns data scenarios in my app, but both methods are just using POST requests on the auth endpoints on my backend server opposed to leveraging the libraries.