Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.
Register now!The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more
I have managed to follow tutorial from this website: https://docs.microsoft.com/en-us/azure/power-bi-embedded/power-bi-embedded-get-started-sample
What I'm wondering is that where do I find the code to use when embedding my report to my own application.
Solved! Go to Solution.
@tondeli wrote:
I have reportID.
I tried to use this tutorial https://powerbi.microsoft.com/en-us/documentation/powerbi-developer-integrate-report-code/ but I had no luck.
Supposing that you know how to get the token and reportID from backend. In frontend, you can check below html demo. To get an valid embedurl in Power BI Embedded, you just concatenate "https://embedded.powerbi.com/appTokenReportEmbed?reportId=" and your reportID.
<html>
<script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/jquery/dist/jquery.js"></script>
<script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/powerbi-client/dist/powerbi.js"></script>
<script type="text/javascript">
window.onload = function () {
var embedConfiguration = {
type: 'report',
accessToken: 'eyJ0eXAiOiJKV1QxxxxxxxxxxxxxxxiOiJlbWJlxxxxxbjRQQkkiLCJ3aWQiOiJiN2NmNDMzYi00MzdjLTRjYTUtOWRmMi1kOWZkODIxODI0NjEiLCJyaWQiOiJhMzQwMDQ5YS03ZjJiLTQyZDAtOWQwZC0yMGJhMjRjMmUyMGIiLCJ1c2VybmFtZSI6IjEwMDA4NSIsInJvbGVzIjoicHJvdmlkZXIiLCJpc3MiOiJQb3dlckJJU0RLIiwiYXVkIjoiaHR0cHM6Ly9hbmFseXNpcy53aW5kb3dzLm5ldC9wb3dlcmJpL2FwaSIsImV4cCI6MTQ5NTA4OTgyMCwibmJmIjoxNDk1MDg2MjIwfQ.qWpnXkM-C1t8xQEYX90WD6fUJMBBYBUNfgLAicFcd7I',
embedUrl: 'https://embedded.powerbi.com/appTokenReportEmbed?reportId=a340049a-7xxxxx0d-20ba24c2e20b'
};
var $reportContainer = $('#reportContainer');
var report = powerbi.embedNew($reportContainer.get(0), embedConfiguration);
}
</script>
<div id="reportContainer" ></div>
</html>
I believe that what you really need is to get the Report ID and my understanding is that you do that through code.
I have reportID.
I tried to use this tutorial https://powerbi.microsoft.com/en-us/documentation/powerbi-developer-integrate-report-code/ but I had no luck.
@tondeli wrote:
I have reportID.
I tried to use this tutorial https://powerbi.microsoft.com/en-us/documentation/powerbi-developer-integrate-report-code/ but I had no luck.
Supposing that you know how to get the token and reportID from backend. In frontend, you can check below html demo. To get an valid embedurl in Power BI Embedded, you just concatenate "https://embedded.powerbi.com/appTokenReportEmbed?reportId=" and your reportID.
<html>
<script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/jquery/dist/jquery.js"></script>
<script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/powerbi-client/dist/powerbi.js"></script>
<script type="text/javascript">
window.onload = function () {
var embedConfiguration = {
type: 'report',
accessToken: 'eyJ0eXAiOiJKV1QxxxxxxxxxxxxxxxiOiJlbWJlxxxxxbjRQQkkiLCJ3aWQiOiJiN2NmNDMzYi00MzdjLTRjYTUtOWRmMi1kOWZkODIxODI0NjEiLCJyaWQiOiJhMzQwMDQ5YS03ZjJiLTQyZDAtOWQwZC0yMGJhMjRjMmUyMGIiLCJ1c2VybmFtZSI6IjEwMDA4NSIsInJvbGVzIjoicHJvdmlkZXIiLCJpc3MiOiJQb3dlckJJU0RLIiwiYXVkIjoiaHR0cHM6Ly9hbmFseXNpcy53aW5kb3dzLm5ldC9wb3dlcmJpL2FwaSIsImV4cCI6MTQ5NTA4OTgyMCwibmJmIjoxNDk1MDg2MjIwfQ.qWpnXkM-C1t8xQEYX90WD6fUJMBBYBUNfgLAicFcd7I',
embedUrl: 'https://embedded.powerbi.com/appTokenReportEmbed?reportId=a340049a-7xxxxx0d-20ba24c2e20b'
};
var $reportContainer = $('#reportContainer');
var report = powerbi.embedNew($reportContainer.get(0), embedConfiguration);
}
</script>
<div id="reportContainer" ></div>
</html>
The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now!
| User | Count |
|---|---|
| 4 | |
| 3 | |
| 2 | |
| 1 | |
| 1 |
| User | Count |
|---|---|
| 12 | |
| 7 | |
| 4 | |
| 3 | |
| 3 |