我在Power BI中制作了一些图表,想要与客户共享。
我正在我的服务器上创建一个自定义页面,尝试使用Power BI嵌入式设置来嵌入这些图表。
我正在遵循此链接https://learn.microsoft.com/en-us/power-bi/developer/get-azuread-access-token。
然而,如何通过JavaScript API获得访问令牌呢?
我在Power BI中制作了一些图表,想要与客户共享。
我正在我的服务器上创建一个自定义页面,尝试使用Power BI嵌入式设置来嵌入这些图表。
我正在遵循此链接https://learn.microsoft.com/en-us/power-bi/developer/get-azuread-access-token。
然而,如何通过JavaScript API获得访问令牌呢?
生成EmbedToken基本上是一个REST API调用。您可以使用NodeJs或AJAX发出此请求并获取您的EmbedToken。
对于AAD认证,我可以参考ADAL.js:https://github.com/AzureAD/azure-activedirectory-library-for-js
它可以帮助进行与AAD的认证。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://secure.aadcdn.microsoftonline-p.com/lib/1.0.12/js/adal.min.js"></script>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
window.config = {
instance: 'https://login.microsoftonline.com/',
tenant: 'common', //COMMON OR YOUR TENANT ID
clientId: '49df1bc7-db68-4fb4-91c0-6d93f770d1a4', //This is your client ID
redirectUri: 'https://login.live.com/oauth20_desktop.srf', //This is your redirect URI
callback: userSignedIn,
popUp: true
};
var ADAL = new AuthenticationContext(config);
function signIn() {
ADAL.login();
}
function userSignedIn(err, token) {
console.log('userSignedIn called');
if (!err) {
showWelcomeMessage();
ADAL.acquireToken("https://analysis.windows.net/powerbi/api", function(error, token) {
// Handle ADAL Error
if (error || !token) {
printErrorMessage('ADAL Error Occurred: ' + error);
return;
}
// Get TodoList Data
$.ajax({
type: "GET",
url: "https://api.powerbi.com/v1.0/myorg/datasets",
headers: {
'Authorization': 'Bearer ' + token,
},
}).done(function(data) {
console.log(data);
// Update the UI
$loading.hide();
}).fail(function() {
printErrorMessage('Error getting todo list data')
}).always(function() {
// Register Handlers for Buttons in Data Table
registerDataClickHandlers();
});
});
} else {
console.error("error: " + err);
}
}
function getDataSets() {
var trythis = "Bearer " + token;
var request = new XMLHttpRequest();
request.open('GET', 'https://api.powerbi.com/v1.0/myorg/datasets'); request.setRequestHeader('Authorization', trythis);
request.onreadystatechange = function() {
if (this.readyState === 4) {
console.log('Status:', this.status);
console.log('Body:', this.responseText);
}
};
request.send();
}
function showWelcomeMessage() {
var user = ADAL.getCachedUser();
var divWelcome = document.getElementById('WelcomeMessage');
divWelcome.innerHTML = "Welcome " + user.profile.name;
}
</script>
</head>
<body>
<button id="SignIn" onclick="signIn()">Sign In</button>
<h4 id="WelcomeMessage"></h4>
</body>
</html>
如果需要更多信息,您可以通过我提供的链接了解。 链接:https://community.powerbi.com/t5/Developer/get-Access-token-using-js/m-p/352093#M10472