Power BI embed sample

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?

thanks!

Hi MP_123,

I didn't use that sample project, so if you have read topic of powerbi cli, i will assume that you have

• created 1 workspace collection in your Azure account  => (had accesskey of workspace collection)
• created 1 workspace in that workspace collection => (had workspaceid)
• imported 1 report to that workspace => (had reportid)
• had access token of report 

create-embed-token

Creates a Power BI embed app token

powerbi create-embed-token -c <collection> -k <accessKey> -w <workspaceId> -r <reportId>

So now you could create one empty web project -> add index.html file as view and follow topic in second line

In view:  (you could replace ng-click by onclick if you are using javscript instead of angularjs)

 <h2><button class="label label-success" ng-click="showReport()">Basic Embed Report</button></h2>
                <div id="reportContainer" class="flex"></div>

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) { });

    };

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