Power Bi embedded in User owns data on a webapp deployed on local server

[amol9372]

Whenever i am trying to embed my Power Bi report into my webapp deployed on a local server , i am getting 403 error

I am using the below code to get access token

var config = {
    tenant: 'tenant id here',
    clientId: 'client id here',
    redirectUri: 'http://localhost:8080/PowerBiApp',
    navigateToLoginRequestUrl:false,

};

var authContext=new AuthenticationContext(config);

var hash = window.location.hash;

if(hash.length!=0){
    authContext.handleWindowCallback(hash);
    var user=authContext.getCachedUser();
}
    

function login(){
    authContext.login();
}

function acqureToken(){
    authContext.acquireToken("https://graph.microsoft.com", function(error, token, message){
        console.log(token)

    })
}

After that i am usng this token to embed the report, below is the code to embed the report

 window.onload = function () {

        var embedConfiguration = {
            type: 'report',
            accessToken: 'token here',        
           embedUrl: 'https://embedded.powerbi.com/appTokenReportEmbed?reportId=feb96c19-cad7-478a-934d-2e647f98a4ff' 
       };

        var $reportContainer = $('#reportContainer');

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

        report.fullscreen();

    }

but i am always getting 403 error

Can someone help ?

[v-yuta-msft · Accepted solution]

Hi amol9372,

Seems like something wrong with the authentication, please check if the access token is expired, also check if the app workspace has been assigned to a capacity. For more details, please refer to: https://docs.microsoft.com/en-us/power-bi/developer/embed-sample-for-customers#create-a-dedicated-ca....

Regards,

Jimmy Tao