Cordova Azure에서 Azure Web API를 쿼리하는 방법 인증 된 앱

Question

ios/android 용 Cordova 앱을 만들었습니다. 이 응용 프로그램은 Azure Active Directory에 연결된 Azure 모바일 서비스를 사용합니다. 이것은 잘 작동합니다. 디렉터리 검색을 시도 할 때 Azure에서 내 거주자 자격 증명을 사용하여 인증하라는 메시지가 나타납니다.

다음 단계 :

우리는 푸른 SQL 데이터베이스에 대한 몇 가지 C.R.U.D을 가지고 몇 가지 API를 가지고있다. API는 정상적으로 작동하며 https://mat.azurewebsites.net/api/values으로 이동하여 데이터를 가져옵니다 (보안 설정되지 않은 상태에서).

사용자가 ADAL Cordova 라이브러리를 사용하여 인증했으면 (정상적으로 작동하고 토큰을 다시 받음) 웹 API에 대한 GET 요청을 실행하고 데이터를 반환하고 싶습니다. 나는 문제가 있으며

우리는 비슷한 질문이 How do I query Azure Web API from Cordova Azure Authenticated app

여기에 게시하지만 아무 대답이있을 수 있도록 API에 요청을 구성하는 방법을 잘 아니에요 곳입니다

.

여러 apis를 호출해야합니다. AngularJs adal에서 여러 끝점을 전달할 수 있지만 여기에서는 전달할 수있는 방법을 알지 못합니다.

var authority = "https://login.microsoftonline.com/TenantId", 

redirectUri = "https://Mobile", 

resourceUri = "https://graph.microsoft.com" // I am not sure what should be here, 

clientId = "xxxxxxxxxxxxxxx"; 


var url = "https://xxxxx-api.cloudapp.net/v1/purchaseorders? 
$orderby=OrderPlacementDate desc" 

req.open("GET", url, true); 
    req.setRequestHeader('Authorization', 'Bearer ' + 
authResult.accessToken); 
    req.setRequestHeader('XXX.FunctionGroup', 'PurchaseProduct'); 

    req.onload = function (e) { 
     if (e.target.status >= 200 && e.target.status < 300) { 
      app.error('Valid'); 

      app.renderData(JSON.parse(e.target.response)); 
      return; 
     } 
     app.error('Data request failed error: ' + e.target.response + '.......' + e.target.status); 
    }; 
    req.onerror = function (e) { 
     app.error('Data request failed onerror: ' + e); 
    } 

    req.send(); 

@@@@@@ 이 가 인증합니다

당신은 무기명 토큰으로 HTTP 인증 헤더에 토큰을 전달해야

authenticate: function (authCompletedCallback) { 

    app.context = new Microsoft.ADAL.AuthenticationContext(authority); 
    app.context.tokenCache.readItems().then(function (items) { 


     if (items.length > 0) { 
      authority = items[0].authority; 
      app.context = new Microsoft.ADAL.AuthenticationContext(authority); 
     } 
     // Attempt to authorize user silently 
     app.context.acquireTokenSilentAsync(resourceUri, clientId) 
      .then(authCompletedCallback, function() { 
       // We require user cridentials so triggers authentication dialog 
       app.context.acquireTokenAsync(resourceUri, clientId, redirectUri) 
        .then(authCompletedCallback, function (err) { 
         app.error("Failed to authenticate: " + err); 
        }); 
      }); 
    }); 

} 

Answer 1

코드입니다. "Bearer TOKEN"형식으로

Postman에서 HTTP 호출을 테스트하여 HTTP GET 요청을 작성하여 응용 프로그램의 토큰을 토큰 앞에 "무기명"이있는 권한 헤더에 복사합니다.

// Makes an API call to receive the user list 
requestData: function (authResult, searchText) { 
    var req = new XMLHttpRequest(); 
    var url = resourceUri + "/" + authResult.tenantId + 
"/users?api-version=" + graphApiVersion; 
    url = searchText ? url + "&$filter=mailNickname eq '" + 
searchText + "'" : url + "&$top=10"; 

    req.open("GET", url, true); 
    req.setRequestHeader('Authorization', 'Bearer ' + 
authResult.accessToken); 

    req.onload = function(e) { 
     if (e.target.status >= 200 && e.target.status < 300) { 
      app.renderData(JSON.parse(e.target.response)); 
      return; 
     } 
     app.error('Data request failed: ' + e.target.response); 
    }; 
    req.onerror = function(e) { 
     app.error('Data request failed: ' + e.error); 
    } 

    req.send(); 
}, 

https://docs.microsoft.com/en-us/azure/active-directory/develop/active-directory-devquickstarts-cordova