Angular2を使用してAzure ADに対して認証する

Question

私はAngular2を使用しており、Azure ADに対してユーザーを認証する必要があります。私はADALjsを見つけましたが、Angular1のみに対応していましたが、これもhttps://www.npmjs.com/package/angular2-adal#adalServiceでしたが、これはまだ初期段階にあるようです。これを実装するために私が取ることができる最善の道は何ですか、誰かが実際の例を提供することができます。

Answer 1

これを修正するには、あなたは多くのことを行う必要があります：インストールされたパッケージで

npm install adal-angular --save  (=>"@types/adal": "^1.0.22") 
npm install @types/adal --save-dev  (=>"adal-angular": "^1.0.12") 
npm install expose-loader 

を、あなたは次の操作を実行する必要があります。
あなたcomponent.ts内部 ：

1. トリプルスラッシュを入力して入力をインポートする
   /// <reference path="../../../node_modules/@types/adal/index.d.ts" />
2. import adal.js電子ローダー
   import 'expose?AuthenticationContext!../../../node_modules/adal-angular/lib/adal.js';
3. は今、あなたはcreateAuthContextFn
   let config: adal.Config = { clientId : 'test' }; let context = new createAuthContextFn(config);

を使用して認証コンテキストを初期化することができますタイプAuthenticationContextStaticの変数を宣言し、それをAuthenticationContext
let createAuthContextFn: adal.AuthenticationContextStatic = AuthenticationContext;

の値を割り当てますHow to load adal.js in webpack inside Angular 2 (Azure-AD)

Answer 2

この答えはおそらく、スーパー後半ですが、例えば尋ねた以来、私はここで、その中に最新の角度2クイックスタートと統合ADALを変更した：https://github.com/ranveeraggarwal/ng2-adal-QuickStart

また、ルーティングおよび保護されたルーティングを持っています。

これはsystemjsを使用していますが、Webpackベースのソリューションはまだ見つかりません。