Power BI embed sample

Question

hi,i'm trying to follow these instruction in order to try the power bi embed feature.i;m stuck on trying to build &amp; run this :(has someone succeeded?the build is with a lot of errors that blocking me from running the console app.thanks!

tringuyenminh92 · Answer

Hi&nbsp;MP_123,&nbsp;To have basic sample, you could follow up some topics as i mentioned in this topic:Power BI Cli&nbsp;to generate some workspace/importing report by command (interactive with your azure account)Basic steps to integrate&nbsp;with js and demo siteIn case you want to extend expiration of embed token or something else, you could use&nbsp;Power BI API for .NET&nbsp;

eric_zhang · Answer

MP_123
I‘ve followed the same instruction and it proves working. Whenever&nbsp;any error occurs, you can post the steps where it occurs and the detailed error message so that we can help.

mp_123 · Answer

Eric_Zhangtringuyenminh92hi, thank you!i've created a workspace, i just don't understand\know how to import a power bi into this workspace.can you please help me?i know i can make it with the provision sample but i can't build this soloution so it doesn't work&nbsp;thanks

mp_123 · Answer

these are the errors i get when trying to build the solution:and then when trying to run the provision console app(the file is exist)please someone can help me?&nbsp;thanks!&nbsp;

tringuyenminh92 · Answer

Hi&nbsp;MP_123,&nbsp;I didn't use that sample project, so if you have read topic of powerbi cli, i will assume that you havecreated 1 workspace collection in your Azure account &nbsp;=&gt; (had accesskey of workspace collection)created 1 workspace in that workspace collection =&gt; (had workspaceid)imported 1 report to that workspace =&gt; (had reportid)had access token of report&nbsp;create-embed-token

Creates a Power BI embed app token

powerbi create-embed-token -c &lt;collection&gt; -k &lt;accessKey&gt; -w &lt;workspaceId&gt; -r &lt;reportId&gt;So now you could create one empty web project -&gt; add index.html file as view and follow topic in second lineIn view: &nbsp;(you could replace ng-click by onclick if you are using javscript instead of angularjs) &lt;h2&gt;&lt;button class="label label-success" ng-click="showReport()"&gt;Basic Embed Report&lt;/button&gt;&lt;/h2&gt;
                &lt;div id="reportContainer" class="flex"&gt;&lt;/div&gt;In your js file:  $scope.config = {
        workspaceCollection: 'pbiwchols', // your workspace collection name
        workspaceId: 'f1af7361-f57f-4c80-81a7-', 
        reportId: '9bfcfa5a-5220-4919-b86b-fe',
        type: 'report',
        accessToken: 'removed',
        embedUrl: 'https://embedded.powerbi.com/appTokenReportEmbed',
        id: '9bfcfa5a-5220-4919-b86b-fe90bcc6c03a',
        settings: {
            filterPaneEnabled: false,
            navContentPaneEnabled: true
        }
    };

$scope.showReport = function () {

// Grab the reference to the div HTML element that will host the report.
        $scope.reportContainer = angular.element('#reportContainer')[0];

// Embed the report and display it within the div container.
        $scope.report = powerbi.embed(reportContainer, $scope.config);

// Report.off removes a given event handler if it exists.
        $scope.report.off("loaded");

// Report.on will add an event handler which prints to Log window.
        $scope.report.on("loaded", function (event) { });
        // Report.on will add an event handler which prints to Log window.
        $scope.report.on("pageChanged", function (event) { });
        //handling error event
        $scope.report.on("error", function (event) { });

};&nbsp;For details, please follow topic&nbsp;https://github.com/Microsoft/PowerBI-JavaScript/wiki

Forum Discussion

Power BI embed sample

5 Replies

Related content

Power BI embed error

Embed API Sample error

Power BI Embed

Embed Power BI for customers - sample embed error

Sample unification