topic Re: powerBI embedded : embeding report using javascript API in Developer

powerBI embedded : embeding report using javascript API

milangarg — Fri, 16 Sep 2016 08:00:35 GMT

We have uploaded .pbix reports to workspaces on azure

We are generating a accesskey at run time and passing the values in a JSON format to PowerBI Angular SDK

But when the API tries to load the report it gets the following error

https://wabi-south-east-asia-redirect.analysis.windows.net/metadata/cluster 401 (Unauthorized)

Our Azure account is in South Central US

Any help would be appreciated

we are sending all the values back from our .NET MVC controller to our HTML page as show below

var embedConfiguration = {
    type: 'report',
    accessToken: 'eyJ0eXAiO...Qron7qYpY9MI',
    id: '5dac7a4a-4452-46b3-99f6-a25915e0fe55',
    embedUrl: 'https://embedded.powerbi.com/appTokenReportEmbed'
};
var $reportContainer = $('#reportContainer');
var report = powerbi.embed($reportContainer.get(0), embedConfiguration);

Re: powerBI embedded : embeding report using javascript API

milangarg — Mon, 19 Sep 2016 07:32:58 GMT

I tried using the report id in the sample provided with the following code

@model ProvisionPower.Models.UserLogin
@{
Layout = null;
ViewBag.Title = "SignIn | Helios Data";
}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>

</head>

</script>
</body>
</html>

still I get redirected to the south east cluster and I get an error message 403

I then tried embeding my report using the following code

var embedConfiguration = {
type: 'report',
accessToken: '3aW5kb3dzLm5ldC9wb3dlcmJpL2FwaSIsImV4cCI6MTQ3NDIwMTc4NiwibmJmIjoxNDc0MTk4MTg2fQ.rWqR3hSqieMAeAjxPcTnHfwJkuP2-X2G9FBt08o9R5w',
id: '7825e16d-b097-43fe-986d-fb492886e829',
webUrl:"https://app.powerbi.com/reports/7825e16d-b097-43fe-986d-fb492886e829",
embedUrl: 'https://embedded.powerbi.com/appTokenReportEmbed?reportId=7825e16d-b097-43fe-986d-fb492886e829'
};
var $reportContainer = $('#reportContainer2');
var report = window.powerbi.embed($reportContainer.get(0), embedConfiguration);

Still I get the same error 403

Kindly help

Re: powerBI embedded : embeding report using javascript API

v-chuncz-msft — Tue, 20 Sep 2016 06:41:46 GMT

@milangarg,

I know there is a demo about how to consume Power BI API and render using angular components, as well as its source https://github.com/Azure-Samples/powerbi-angular-client. You may also reach out for help there.

powerBI embedded : embeding report using javascript API

BicgAnupama — Sun, 29 Jan 2017 15:32:20 GMT

@milangarg

Could you solve the issue? I am also facing same error. Any idea how to solve it?