Azure AD'ye karşı kimlik doğrulaması için Angular2'yi kullanma AD

Question

Angular2 kullanıyorum ve kullanıcıyı bir Azure AD'ye karşı kimlik doğrulaması yapmak istiyorum. ADALJI'leri buldum ama sadece Angular1 için yiyecek içecek servisi yaptım, ayrıca bu https://www.npmjs.com/package/angular2-adal#adalService'u da buldum, ama bu hala ilk aşamalarda görünüyor. Bunu uygulamak için alabileceğim en iyi yol hangisi, biri çalışma örneği sağlayabilir.

Answer 1

Bunu düzeltmek için, bir takım şeyler yapmanız gerekir: En component.ts içindeki
:

yüklü olanlar paketleri ile

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 

, aşağıdakileri yapmak zorunda

1. Yazım hatalarını içe aktarmak için üçlü eğik çizgi yazmak
   /// <reference path="../../../node_modules/@types/adal/index.d.ts" />
2. adal.js dosyasını içe aktarın ve expication kullanarak onu AuthenticationContext olarak görüntüleyin. E yükleyici
   import 'expose?AuthenticationContext!../../../node_modules/adal-angular/lib/adal.js';
3. tipi AuthenticationContextStatic bir değişken bildirmek ve AuthenticationContext
   arasında o değeri atamak Şimdi let createAuthContextFn: adal.AuthenticationContextStatic = AuthenticationContext;
   
4. Eğer createAuthContextFn
   let config: adal.Config = { clientId : 'test' }; let context = new createAuthContextFn(config);

kullanarak kimlik doğrulama içeriği başlatabilir How to load adal.js in webpack inside Angular 2 (Azure-AD)

Answer 2

Bu cevap muhtemelen süper geç, ama bir örnek istedi beri, son Açısal 2 başln değiştirdiyseniz ve burada, içine Adal entegre: Aynı zamanda yönlendirme ve korumalı yönlendirme vardır https://github.com/ranveeraggarwal/ng2-adal-QuickStart

.

Bu, sistemjs kullanır ve henüz bir webpack tabanlı bir çözüm bulmuyorum.