2017-10-18 6 views
1

次の問題が発生しました: Azure AD認証Web APIを実装しており、ADAL 1.0.12 (サイレントログインのiframeを処理するために、独自のラッパーを用意しました)。ADAL.jsタイムアウトによりトークン更新操作が失敗しました。Azure AD Auth Web API

ラッパーをすべて削除して最新バージョンにアップグレードし、ここで説明した問題を開始しました。トークン更新操作がタイムアウトしました。

APIの背後にあるAzure ADアーキテクチャは非常に単純です:登録されたWebアプリケーションでディレクトリデータを読み込み、ログインしてユーザープロファイルのアクセス許可を読み取ります。私たちには、Webアプリケーションへのアクセス権が登録された別のネイティブアプリがあります(ここにはWeb APP NAMEへのアクセス権があります)。両方のアプリケーションでは、マニフェストでoauth2AllowImplicitFlowがtrueに設定されています。

どちらのアプリも、https://ourtenant.sharepoint.com/ *のワイルドカードリダイレクトURIを登録しています(SharePointからWeb APIへの呼び出しが行われています)。さらに、ネイティブクライアントアプリケーションは、リダイレクトURIをWeb APIアプリケーションの一意のURI(App ID URI)に登録しています。

両方のアプリは前に管理者の同意を付与されている - 彼らはADAL.js

の古いバージョンで正常に働いていたので、ここではいくつかのコードです。 displayCallコールバック(現在のページに直接ページをリフレッシュする)とページリフレッシュ(initLoginメソッドのコメント付きコードを確認)の両方を試していなかったことに注意してください。また、成功したログイン時にコールバックを使用してポップアップまたはiframeを生成するためのスイッチがありました。

問題はauthContext.acquireTokenにあります。 OurNamespace.authContext.getCachedToken(OurNamespace.clientId)を呼び出すと、リソースの格納されたトークンが取得されることに注意してください。

また、各ページのリフレッシュ/ iframe /ポップアップ後にhandleWindowCallbackを適切に呼び出すことにも注意してください。

ブラウザに関係なく発生します。

OurNamespace = { 

serviceMainUrl: "https://localhost:44339", 
webApiAppIdUri: "WEB-API-URI", 
tenant: "TENANT", 
clientId: "NATIVE-APP-GUID", // Native APP 
adalEndPoints: { 
    get: null 
}, 
adal: null, 
authContext: null, 
dummyAuthPage: null, 
usePopup: true, 

init: function() { 
    this.dummyAuthPage = "DummmyLogin.aspx"; 
    OurNamespace.adalEndPoints.get = OurNamespace.serviceMainUrl + "/api/values"; 
    OurNamespace.authContext = new AuthenticationContext({ 
     tenant: OurNamespace.tenant + '.onmicrosoft.com', 
     clientId: OurNamespace.clientId, 
     webApiAppIdUri: OurNamespace.webApiAppIdUri, 
     endpoints: OurNamespace.adalEndPoints, 
     popUp: false, 
     postLogoutRedirectUri: window.location.origin, 
     cacheLocation: "localStorage", 
     displayCall: OurNamespace.displayCall, 
     redirectUri: _spPageContextInfo.siteAbsoluteUrl + "/Pages/" + OurNamespace.dummyAuthPage 
    }); 
    var user = OurNamespace.authContext.getCachedUser(); // OurNamespace.authContext.getCachedToken(OurNamespace.clientId) 
    if (user) { 
     OurNamespace.azureAdAcquireToken(); 
    } else { 
     OurNamespace.initLogin(); 
    } 
}, 

initLogin: function() { 
    //OurNamespace.authContext.config.displayCall = null; 
    //var isCallback = OurNamespace.authContext.isCallback(window.location.hash); 
    //OurNamespace.authContext.handleWindowCallback(); 

    //if (isCallback && !OurNamespace.authContext.getLoginError()) { 
    // window.location.href = OurNamespace.authContext._getItem(OurNamespace.authContext.CONSTANTS.STORAGE.LOGIN_REQUEST); 
    //} 

    OurNamespace.authContext.login(); 
}, 

displayCall: function (url) { 
    var iframeId = "azure-ad-tenant-login", 
     popup = null; 
    if (OurNamespace.usePopup) { 
     popup = window.open(url, 'auth-popup', 'width=800,height=500'); 
    } else { 
     var iframe = document.getElementById(iframeId); 
     if (!iframe) { 
      iframe = document.createElement("iframe"); 
      iframe.setAttribute('id', iframeId); 
      document.body.appendChild(iframe); 
     } 
     iframe.style.visibility = 'hidden'; 
     iframe.style.position = 'absolute'; 
     iframe.src = url; 
     popup = iframe.contentDocument; 
    } 
    var intervalId = window.setInterval(function() { 
     try { 
      // refresh the contnetDocument for iframe 
      if (!OurNamespace.usePopup) 
       popup = iframe.contentDocument; 
      var isCallback = OurNamespace.authContext.isCallback(popup.location.hash); 
      OurNamespace.authContext.handleWindowCallback(popup.location.hash); 
      if (isCallback && !OurNamespace.authContext.getLoginError()) { 
       popup.location.href = OurNamespace.authContext._getItem(OurNamespace.authContext.CONSTANTS.STORAGE.LOGIN_REQUEST); 
       window.clearInterval(intervalId); 
       if (OurNamespace.usePopup) { 
        popup.close(); 
       } 
       var user = OurNamespace.authContext.getCachedUser(); 
       if (user) { 
        console.log(user); 
       } else { 
        console.error(OurNamespace.authContext.getLoginError()); 
       } 
      } 
     } catch (e) { } 
    }, 400); 
}, 

azureAdAcquireToken: function() { 
    OurNamespace.authContext.acquireToken(OurNamespace.adalEndPoints.get, function (error, token) { 
     if (error || !token) { 
      SP.UI.Status.addStatus("ERROR", ('acquireToken error occured: ' + error), true); 
      return; 
     } else { 
      OurNamespace.processWebApiRequest(token); 
     } 
    }); 
}, 

processWebApiRequest: function (token) { 
    // Alternatively, in MVC you can retrieve the logged in user in the web api with HttpContext.Current.User.Identity.Name 
    $.ajax({ 
     type: "GET", 
     url: OurNamespace.adalEndPoints.get, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     data: {}, 
     headers: { 
      'Authorization': 'Bearer ' + token 
     }, 
     success: function (results) { 
      var dataObject = JSON.parse(results); 
      SP.UI.Status.addStatus("Info", "ADAL GET data success: " + dataObject.webApiUser); 
      $(".grid-info").html("<h1 class=\"h1\">Current Web API authenticated user: " + dataObject.webApiUser + "</h1>"); 
     }, 
     error: function (xhr, errorThrown, textStatus) { 
      console.error(xhr); 
      SP.UI.Status.addStatus("ERROR", ('Service error occured: ' + textStatus), true); 
     } 
    }); 
} 
} 

答えて

0

私は1.0.15 adal.jsを使用してテストし、実際に非表示のiframeでアクセストークンを取得するためにthis._renewToken(resource, callback)を呼び出しauthContext.acquireTokenを使用してトークン成功したアクセスを取得しています。ここにあなたの参照のための完全なテストサンプルコードは次のとおりです。

<html> 
 
<head> 
 

 
<script src="/js/1.0.15/adal.js"></script> 
 
<script> 
 

 
var config = { 
 
    tenant: 'adfei.onmicrosoft.com', 
 
    clientId: '7e3b0f81-cf5c-4346-b3df-82638848104f', 
 
    redirectUri: 'http://localhost/spa.html', 
 
    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) 
 

 
    }) 
 
} 
 

 
</script> 
 
</head> 
 

 
<body> 
 
<button onclick="login()">Login</button> 
 
<button onclick="acqureToken()">AcquireToken</button> 
 

 
</body> 
 
</html>

それは参考になりましたか?または、この問題の実行可能なコードサンプルを共有してもよろしいですか?

0

使用しているadal.jsのバージョンがわからない場合は、しかし、ミリ秒単位で設定できるconfigオブジェクトのloadFrameTimeout設定があります。 adal.jsファイルの先頭を確認してください。

関連する問題