Integrate Power BI report (deployed in service) in...

Anonymous · ‎05-03-2017

Hi All,

I am able to display a Power BI embedded report in Edit mode following the steps at https://docs.microsoft.com/en-us/azure/power-bi-embedded/power-bi-embedded-save-reports

I would like to do similar activity using Power BI report deployed in service. I am able to integrate a Power BI report into web app following the steps at https://powerbi.microsoft.com/en-us/documentation/powerbi-developer-integrate-report/. This opens the report in View mode. Please note that I have tried to used the settings used in Power BI embedded but it does not work with the report deployed in service.

Please let me know of how I can integrate the Power BI report in Edit mode.

Thanks in advance.

Thanks,

Vinayak

Eric_Zhang · ‎05-04-2017

@Anonymous wrote:

Hi All,

I am able to display a Power BI embedded report in Edit mode following the steps at https://docs.microsoft.com/en-us/azure/power-bi-embedded/power-bi-embedded-save-reports

I would like to do similar activity using Power BI report deployed in service. I am able to integrate a Power BI report into web app following the steps at https://powerbi.microsoft.com/en-us/documentation/powerbi-developer-integrate-report/. This opens the report in View mode. Please note that I have tried to used the settings used in Power BI embedded but it does not work with the report deployed in service.

Please let me know of how I can integrate the Power BI report in Edit mode.

Thanks in advance.

Thanks,

Vinayak

@Anonymous

A simple demo is as below. For more completed demo, check embed-a-report-into-an-app.

<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">
function clickToEmbeded(){
 
var token =   $('#accesstoken').val();
var embedUrl =  $('#embedUrl').val();


var embedConfiguration = {
    type: 'report',
	//replace your token here
    accessToken: token, 
	//replace your embedUrl here
    embedUrl: embedUrl 

}; 
 

var $reportContainer = $('#reportContainer');
 
var report = powerbi.embed($reportContainer.get(0), embedConfiguration);


}

</script>
   Paste your access Token:  <input id='accesstoken' type="text" name="fname"><br>
   Paste the embedUrl: <input id='embedUrl' type="text" name="lname"><br>
<button type="button" onclick="clickToEmbeded()" >  click me to embed </button>
 
<div id="reportContainer" style="width:1600;height:900" ></div>

</html>

Anonymous · ‎05-11-2017

Hi @Eric_Zhang

I am able to open the report deployed in service in Edit mode.

However when I click on File -> Save option, I am getting the below error.

Something went wrong

Unable to save the report
Please verify you have the right permissions or contact support. If you contact support, please provide these details.

I believe this is because of the access token generated has 'Read' permission instead of 'Read Write' permission.

The code to generate token is,

AuthenticationResult AR = AC.AcquireTokenByAuthorizationCode(code, new Uri(redirectUri), cc);

which should be changed to generate Read-Write token.

The code to generate Read - Write token in Embedded approach is

var embedToken = PowerBIToken.CreateReportEmbedToken(this.workspaceCollection, this.workspaceId, report.Id, null, null, "Report.ReadWrite")

Please suggest.

Thanks,

Vinayak

Eric_Zhang · ‎05-22-2017

@Anonymous

I'm not quite sure where you do this operation " I click on File -> Save option", could you be more specific with a snapshot?

Anonymous · ‎05-10-2017

Thank you @Eric_Zhang

I will try it out and let you know.

Thanks,

Vinayak

Integrate Power BI report (deployed in service) in web app in Edit mode

Helpful resources

Microsoft Fabric Learn Together

Power BI Monthly Update - April 2024

Fabric Community Update - April 2024