PowerBI-JavaScript setAccessToken doesn't work

[bboy81905]

I'm using PowerBI-JavaScript library to embed the dashboard on my website :

var config = {
        type: 'dashboard',
        tokenType: models.TokenType.Embed,
        accessToken: accessToken,
        embedUrl: embedUrl,
        id: embedDashboardId
    };

    // Get a reference to the embedded dashboard HTML element
    var dashboardContainer = $('#dashboardContainer')[0];

    // Embed the dashboard and display it within the div container.
    var dashboard = powerbi.embed(dashboardContainer, config);

I wanna use setAccessToken to update my AccessToken keeping dashboard not expired, so I make function below :

function setToken() {
       
        dashboard.setAccessToken("newtoken")
            .then(function (r) {
                console.log(r);
                console.log("Update success!!")
            })
            .catch(function (e) {
                console.error('Error setting access token', e);
            });

    }

I can see "Update success!!" on console eventually. But when I use getAccessToken(), AccessToken is same as before. It didn't update my AccessToken!!

Please give me a advise or solution to fix this problem! I would appreciate.

[dp001]

Have you got the solution work?

I have the same problem. The token expires in one hour.

Setting setAccessToken() doesn't work in my report.

[Anonymous]

@dp001 me too did you get it work ?

[dp001]

var report = null;

window.onload = function () {

var accessToken = document.getElementById('MainContent_accessToken').value;

var config = {
type: 'report',
accessToken: accessToken,
embedUrl: embedUrl,
id: reportId,
settings: {
filterPaneEnabled: false,
navContentPaneEnabled: true
}
};

var reportContainer = document.getElementById('reportContainer');

report = powerbi.embed(reportContainer, config);

setTimeout(SetNewToken, 3120000)
};

function refreshToken() {
var newToken = document.getElementById('MainContent_accessToken').value;
report.setAccessToken(newToken)
};

function SetNewToken() {
refreshToken();
setTimeout(SetNewToken, 3120000)
}

[dp001]

Yes, I got it work.

I get the new token every 55minutes in server and set it in a hidden field.

In client side, set the new token every 56 minutes
report.setAccessToken(newToken)

[ansh2425]

Hi, 

I am trying to refresh token after 55 mins.

I got the new token by using GenerateTokenAsync() method in c# and passed it to js file and I used setAccessToken(newToken) method there.
But my embedded report is not getting updated with the new token.
Can you please tell me how you got the new token from server side?

[alexsilvar · Accepted solution]

Hi bboy81905,

How you can see at the code in the lib, when you set the new access token it send it to the service, and aparently does not store your token:

Embed.prototype.setAccessToken = function (accessToken) {
	        var embedType = this.config.type;
	        return this.service.hpm.post('/' + embedType + '/token', accessToken, { uid: this.config.uniqueId }, this.iframe.contentWindow)
	            .then(function (response) {
	            return response.body;
	        })
	            .catch(function (response) {
	            throw response.body;
	        });
	    };

And when you call getAccessToken it will return the token wich you provided first in the config object (if it is lazy evaluated, as I think it is):

Embed.prototype.getAccessToken = function (globalAccessToken) {
	        var accessToken = this.config.accessToken || this.element.getAttribute(Embed.accessTokenAttribute) || globalAccessToken;
	        if (!accessToken) {
	            throw new Error("No access token was found for element. You must specify an access token directly on the element using attribute '" + Embed.accessTokenAttribute + "' or specify a global token at: powerbi.accessToken.");
	        }
	        return accessToken;
	    };

I think you need to change the code at the "setAccessToken" function and add a line like:

this.config.accessToken = accessToken;

It will probably solve your problem but i dont  think it is the right way to do.

[bboy81905]

Thank you for your answer !!  ^^

[bboy81905]

I'm using PowerBI-JavaScript library to embed the dashboard on my website :

 var config = {
        type: 'dashboard',
        tokenType: models.TokenType.Embed,
        accessToken: accessToken,
        embedUrl: embedUrl,
        id: embedDashboardId
    };

    // Get a reference to the embedded dashboard HTML element
    var dashboardContainer = $('#dashboardContainer')[0];

    // Embed the dashboard and display it within the div container.
    var dashboard = powerbi.embed(dashboardContainer, config);

I wanna use setAccessToken to update my AccessToken keeping dashboard not expired, so I make function below :

    function setToken() {
       
        dashboard.setAccessToken("newtoken")
            .then(function (r) {
                console.log(r);
                console.log("Update success!!")
            })
            .catch(function (e) {
                console.error('Error setting access token', e);
            });

    }

I can see "Update success!!" on console eventually. But when I use getAccessToken(), AccessToken is same as before. It didn't update my AccessToken!!

Please give me a advisement or solution to fix this problem! I would appreciate 🙂