Get access token form Azure Directory for Microsof Graph API

Hi there,

I have requirement to fetch planner details on sharepoint custom pages.As per the azure end points I have created the token but it is not valid one.I dont find any other refrence for clinet side to authenthicate the credentials.

So for I tried

Sample For Browser
"text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js">
"text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
"text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
"text/javascript" src="https://secure.aadcdn.microsoftonline-p.com/lib/1.0.10/js/adal.min.js">
"text/javascript">
$(function(){
console.log('Loading');
var accessToken = "";
var space = 20;
var child = 0;
var configOptions = {
clientId: "", //Required clientId to get accessToken
postLogoutRedirectUri: window.location.origin,
redirectURI: window.location.href, // Your page link
//cacheLocation: "localStorage", //Optional to save data in localStorage by defualt it store in session storage
}
window.authContext = new AuthenticationContext(configOptions);
if(authContext.isCallback(window.location.hash))
{
authContext.handleWindowCallback(); //Using this we can get user from getCachedUser() after login
}
var user = authContext.getCachedUser();
if(user == null){
authContext.login(); //Login if user not found in getCachedUser
}
else
{
//setTimeout(function(){ getToken(); }, 1000);
//setTimeout(function(){ getUser(); }, 3000);
getToken();
}
function getToken(){ //get accessToken
authContext.acquireToken("https://graph.microsoft.com",function(error, token){
console.log("Error =" +error);
console.log("Token =" +token);
accessToken = token;
if(accessToken && accessToken != "")
{
getOnedriveUser();
}
})
}
function getOnedriveUser(URL){ // get data based on passed url
$.ajax({
url: URL?URL:"https://graph.microsoft.com/v1.0/me/planner/tasks",
type: 'GET',
headers: {
"Authorization": "Bearer " + accessToken
},
async:false,
success: function(data) {
console.log(data);
allData = data.value;
$.each(allData,function(e,item){
item.parentReference.path.split('root:')[1].split('/').length == 0?child = 0:child = item.parentReference.path.split('root:')[1].split('/').length;
$('#oneDriveData tbody').append('+(URL?' style="padding-left:'+space*child+'px"':"")+'>'+
(item.file?"":"")+''+
''+(item.name?item.name:" ")+''+
''+new Date(item.lastModifiedDateTime).format('dd/MM/yyyy')+''+
''+new Date(item.lastModifiedDateTime).format('dd/MM/yyyy')+'');
if(item.folder)
{
//child++;
var url = "https://graph.microsoft.com/v1.0/me/drive/items/"+item.id+"/children";
getOnedriveUser(url);
}
})
},
error: function(error)
{
alert("Error" + error);
}
});//ajax
}//get user
})
class="container-fluide">
OneDrive
"oneDriveData" class="table table-striped">
Folder OR File
Name
Created Date
Modify Date

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Kaviya Balasubramanian7y ago
Accepted answer
Hi,

Have u provided appropriate permission for planner and task, please check the permission first
Gowtham7y ago
Yes. I checked out it was permission issue,I have passed user sig in permission for delegate part on azure.Now it is working fine.

Get access token form Azure Directory for Microsof Graph API

OneDrive