Skip to main content
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more

Reply
insoldev
Helper I
Helper I

Power BI embedded - switch to premium in php application

‎11-22-2017 01:54 PM

Hi there - I'm currently making the switch from Power BI workspace collections to the new model. Previously I used embedded in a PHP application (I'm not a professional PHP developer, though I work with Power BI + BI architecture every day).

 

Unfortunately, all of the documentation is in c# for ASP.net development. 

 

Obviously, I dont wan't to reinvent the wheel, and would need for this to work in PHP which is where our development Minimum Viable Product currently is.

 

This is the code that I used before, which is from an old embedded Microsoft tutorial (which was great!) 

 

Will it be possible to amend the code below for the new model, or do I need to start from scratch?

 

<!--?php 
// 1. power bi access key 
$accesskey = "HIDDEN"; 
// 2. construct input value 
$token1 = "{" . "\"typ\":\"JWT\"," . "\"alg\":\"HS256\"" . "}"; 
$token2 = "{" . "\"wid\":\"HIDDEN\"," . 
// workspace id 
"\"rid\":\"HIDDEN\"," . 
// report id 
"\"wcn\":\"HIDDEN\"," . 
// workspace collection name "\"iss\":\"HIDDEN\"," . "\"ver\":\"0.2.0\"," . "\"aud\":\"https://analysis.windows.net/powerbi/api\"," . "\"nbf\":" . 
date("U") . "," . "\"exp\":" . date("U" , strtotime("+1 hour")) . "}"; 
$inputval = rfc4648_base64_encode($token1) . "." . rfc4648_base64_encode($token2); 
// 3. get encoded signature value 
$hash = hash_hmac("sha256", $inputval, $accesskey, true); 
$sig = rfc4648_base64_encode($hash); 
// 4. get apptoken 
$apptoken = $inputval . "." . $sig; 
// helper functions 
function rfc4648_base64_encode($arg) { $res = $arg; 
$res = base64_encode($res); 
$res = str_replace("/", "_", $res); 
$res = str_replace("+", "-", $res); 
$res = rtrim($res, "="); return $res; } ?-->

<button id="btnView" class="et_pb_contact_submit et_pb_button">Open Report</button>
<div id="divView"><iframe id="ifrTile" width="100%" height="700"></iframe></div>
<script>
        (function () {
          document.getElementById('btnView').onclick = function() {
            var iframe = document.getElementById('ifrTile');
            iframe.src="https://app.powerbi.com/appTokenReportEmbed?reportId=HIDDEN";
            iframe.onload = function() {
              var msgJson = {
                action: "loadReport",
                accessToken: "<?=$apptoken?>",
                height: 500,
                width: 722
              };
              var msgTxt = JSON.stringify(msgJson);
              iframe.contentWindow.postMessage(msgTxt, "*");
            };
          };
        }());
      </script>
Labels:
Message 1 of 5
4,148 Views
0
1 ACCEPTED SOLUTION
Eric_Zhang
Microsoft Employee
Microsoft Employee
In response to insoldev

‎11-24-2017 12:04 AM
@insoldev wrote:

Is it effectively the same, though pointing to a app workspace, rather than a workspace collection?

@insoldev

No, It is pretty different. They use two sets of REST APIs, not to mentions the SDKs. In the new Power BI Embedded based on Azure SKU, it uses the these Power BI REST APIs.

 

As to your case, I don't know PHP, however I think below demo in HTML and REST API can work regardless of any coding languages.

 

Simply you can embed report in a HTML like.

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/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 () { 
  
 // Read embed application token from Model
    var accessToken = "Embedtoken starts with H4sIxxx"; 
	
    // Read embed URL from Model
    var embedUrl = "https://app.powerbi.com/reportEmbed?reportId={reportid}&groupId={groupid}";

    // Read dashboard Id from Model
    var embedReportId = "{reportid}";

    // Get models. models contains enums that can be used.
    var models = window['powerbi-client'].models;	  
	 
    var config = {
        type: 'report',
        tokenType: models.TokenType.Embed,
        accessToken: accessToken,
        embedUrl: embedUrl,
        id: embedReportId , 
		pageView: "oneColumn",
		settings: {
        filterPaneEnabled: true	
    }		 
    };
    // Get a reference to the embedded dashboard HTML element
    var dashboardContainer = $('#reportContainer')[0] ;
    // Embed the dashboard and display it within the div container.
var report = powerbi.embed(dashboardContainer, config);   
} 
 
</script> 
 
<div id="reportContainer"></div>

</html>

You can get the reportid from the forementioned REST APIs. As to embed token, you can reference my reply in this thread.

View solution in original post

Message 4 of 5
5,042 Views
0
4 REPLIES 4
insoldev
Helper I
Helper I

‎11-23-2017 01:38 AM

Is it effectively the same, though pointing to a app workspace, rather than a workspace collection?

Message 2 of 5
4,132 Views
0
Eric_Zhang
Microsoft Employee
Microsoft Employee
In response to insoldev

‎11-24-2017 12:04 AM
@insoldev wrote:

Is it effectively the same, though pointing to a app workspace, rather than a workspace collection?

@insoldev

No, It is pretty different. They use two sets of REST APIs, not to mentions the SDKs. In the new Power BI Embedded based on Azure SKU, it uses the these Power BI REST APIs.

 

As to your case, I don't know PHP, however I think below demo in HTML and REST API can work regardless of any coding languages.

 

Simply you can embed report in a HTML like.

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/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 () { 
  
 // Read embed application token from Model
    var accessToken = "Embedtoken starts with H4sIxxx"; 
	
    // Read embed URL from Model
    var embedUrl = "https://app.powerbi.com/reportEmbed?reportId={reportid}&groupId={groupid}";

    // Read dashboard Id from Model
    var embedReportId = "{reportid}";

    // Get models. models contains enums that can be used.
    var models = window['powerbi-client'].models;	  
	 
    var config = {
        type: 'report',
        tokenType: models.TokenType.Embed,
        accessToken: accessToken,
        embedUrl: embedUrl,
        id: embedReportId , 
		pageView: "oneColumn",
		settings: {
        filterPaneEnabled: true	
    }		 
    };
    // Get a reference to the embedded dashboard HTML element
    var dashboardContainer = $('#reportContainer')[0] ;
    // Embed the dashboard and display it within the div container.
var report = powerbi.embed(dashboardContainer, config);   
} 
 
</script> 
 
<div id="reportContainer"></div>

</html>

You can get the reportid from the forementioned REST APIs. As to embed token, you can reference my reply in this thread.

Message 4 of 5
5,043 Views
0
insoldev
Helper I
Helper I
In response to Eric_Zhang

‎11-29-2017 02:47 AM

Thanks Eric - I don't have time to verify, though that is really helpful. 

Message 5 of 5
4,096 Views
0
insoldev
Helper I
Helper I
In response to insoldev

‎11-23-2017 06:56 AM

Anybody?

Message 3 of 5
4,127 Views
0

Helpful resources

Announcements
Power BI DataViz World Championships

Power BI Dataviz World Championships

The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now!

December 2025 Power BI Update Carousel

Power BI Monthly Update - December 2025

Check out the December 2025 Power BI Holiday Recap!

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.

View All