Quantcast
Channel: All Developer posts
Viewing all articles
Browse latest Browse all 51369

Re: powerBI embedded : embeding report using javascript API

$
0
0

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>

<meta name="description" content="User login page" />


<!--<script src="https://npmcdn.com/powerbi-client@2.0.0"></script>-->
<!--<script src="https://npmcdn.com/angular-powerbi@1.0.0"></script>-->



</head>

<body>
<!-- <div powerbi-type="report"
powerbi-access-token="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2ZXIiOiIwLjIuMCIsIndjbiI6IkFDTUUtQ29ycG9yYXRpb24iLCJ3aWQiOiJiZTFjMjUzZi02NTliLTQ5MjUtODE5ZS0xODhlNDhjYWU0ZDYiLCJyaWQiOiI3ODI1ZTE2ZC1iMDk3LTQzZmUtOTg2ZC1mYjQ5Mjg4NmU4MjkiLCJpc3MiOiJQb3dlckJJU0RLIiwiYXVkIjoiaHR0cHM6Ly9hbmFseXNpcy53aW5kb3dzLm5ldC9wb3dlcmJpL2FwaSIsImV4cCI6MTQ3NDA0NTg5OSwibmJmIjoxNDc0MDQyMjk5fQ.BBowpDOenhf-IUX7DlGut2Bzel7V1JuqpYXMw3p5pP0"
powerbi-report-id="7825e16d-b097-43fe-986d-fb492886e829"
powerbi-embed-url="https://embedded.powerbi.com/appTokenReportEmbed">
</div>-->
<div id="reportContainer2"></div>

<div id="reportContainer3" ></div>

<script src="~/Scripts/powerbi.js"></script>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/fetch.js"></script>
<script src="~/Scripts/es6-promise.js"></script>

<script>

var allReportsUrl = 'https://powerbiembedapi.azurewebsites.net/api/reports/c52af8ab-0468-4165-92af-dc39858d66ad';
var $dynamicReportContainer = $('#reportContainer2');
fetch(allReportsUrl)
.then(function (response) {
if (response.ok) {
return response.json()
.then(function (embedConfig) {
return powerbi.embed($dynamicReportContainer.get(0), embedConfig);
});
}
else {
return response.json()
.then(function (error) {
throw new Error(error);
});
}
});

 



</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

 


Viewing all articles
Browse latest Browse all 51369

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>