How to embed Microsoft Power BI report to HTML page, to make it as web page ?

 

For this first you need to make a Power BI desktop report which you want to embed in your HTML page, we are not covering that part in this post. We have already made a sample report on Power BI, we gonna use that.

 

1.     Save your power BI report.

 

2.     After that select Publish option.

3.   From Publish option your report will be re-directed to Power Bi workspace, 

4.   Report on Power BI Service workspace

for this you have to login with MS work/office account. And then we can access web base Power BI service.

5.     Here, click on file and select option ‘Publish to web’

6.     Here we’ll have embedded code to copy for HTML page,

Since we don’t have power BI admin service, we aren’t able to see that part.

Pop-up window with iframe code in it.

But if you have admin access then you can make changes in admin portal to allow reports to publish in web. And if you don't have admin access we can't proceed further.

7.     Go to setting icon on header and select Admin Portal

8.     Select ‘Tenant settings’

9.     Open publish to web option

10.      Allow new and existing code, apply.

This will take few minutes to change

11.     Now, comeback to workspace and select report.

 

12.      Select on file option, and choose to ‘Publish to web’

13.     Pop-up window, select ‘create embed code’

14.      Code for embedding

We can choose URL or HTML code as per requirement.

We are going to copy HTML code here.

 

15.      Paste HTML code to your web app HTML page.

16.     Run HTML file.

THANKYOUBY: ANKIT YADAV

8