Adal＆Adal-Angle-リフレッシュトークン無限ループ

Question

私はSPAアプリケーションでadalとadal-angular v.1.0.10ライブラリをセットアップしました。私はwebpackを使用していますが、グローバルなスコープの問題を避けるためにHTMLページでこれを参照してください（ただし、依存関係にしたいと思います）。ブラウザーがiframeを開いてリフレッシュトークンを取得しようとするまで、すべての機能が動作し、各iframeは別のiframeを内部で開きます。それはエラーを記録せず、私が間違っていることについての説明を見つけることができません。だから私は新鮮なシークレットブラウザでアプリケーションを実行するだけです。私はAzure ADと結婚しているので、なぜこれが起こっているのかについての説明さえありがとうと思います。 index.htmlをGitHubの上の議論の長いシリーズの後

<md-button aria-label="Login" ng-if="!userInfo.isAuthenticated" ng-click="login()"> 
    Login 
</md-button> 

<script src="build/app.bundle.js" charset="utf-8"></script> 
<script src="Scripts/adal.min.js" charset="utf-8"></script> 
<script src="Scripts/adal-angular.min.js" charset="utf-8"></script> 

私app.js

angular.module('myApp', ['AdalAngular', require('angular-route'), require('angular-animate'), require('angular-sanitize'), 'ngCookies', etc..]) 
    .config(['$routeProvider', '$locationProvider', '$mdThemingProvider', '$httpProvider', 'adalAuthenticationServiceProvider', 
    function ($routeProvider, $locationProvider, $mdThemingProvider, $httpProvider, adalProvider) { 

     // azure ad init 
     adalProvider.init({ 
      instance: 'https://login.microsoftonline.com/', 
      tenant: TENANT, 
      clientId: CLIENTID, 
      cacheLocation: 'localStorage', 
      anonymousEndpoints: [] 
     }, 
     $httpProvider 
    ); 

     $routeProvider 
     .when('/home', { 
     templateUrl: '/App/Layout/home.html' 
     }) 
     .when('/admin', { 
     templateUrl: '/App/Admin/admin.html', 
     requireADLogin: true 
     }) 
     etc... 

     $locationProvider.html5Mode(true).hashPrefix('!'); 

    }]); 

Answer 1

の

関連するセクション、これはとの問題があったことを私の注意に持って来られましたadal.jsのAuthenticationContext認証しようとしている間にiframeを開いたままにして、無限ループを引き起こします。私は、それがAuthenticationContextを公開することによって動作するようにしました。

var AuthenticationContext = require('expose?AuthenticationContext!./../Scripts/adal.js'); 
require('./../Scripts/adal-angular.js'); 

これはバージョン0.3.0バージョンのライブラリでのみ機能します。しかし、今は十分です。うまくいけば、彼らは現代のjsアプリケーションとの互換性を高めるために、将来ライブラリを変更することになります。

Answer 2

'getRequestInfo'メソッドのadal.jsでは、iframeはAuthenticationContextの親を「調べます」。これは、AuthenticationContextがウィンドウスコープ上になければならないことを意味します。

//ES6 
import AuthenticationContext from "adal-angular/lib/adal"; 
window.AuthenticationContext = AuthenticationContext; 
... 

//ES5 
window.AuthenticationContext = require("adal-angular/lib/adal"); 
...