Używanie Angular2 do uwierzytelniania się z usługą Azure AD

Question

Używam Angular2 i chcę uwierzytelnić użytkownika w usłudze Azure AD. Znalazłem ADAL-y, ale obsługują tylko Angular1, również znalazłem to https://www.npmjs.com/package/angular2-adal#adalService, ale wydaje się, że wciąż jest na początkowym etapie. Jaka jest najlepsza ścieżka, którą mogę zastosować, aby to wdrożyć, czy ktoś może przedstawić przykład.

Answer 1

Aby rozwiązać ten problem, trzeba będzie zrobić kilka rzeczy:

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 

Z tych zainstalowanych pakietów, trzeba wykonać następujące czynności:
wewnątrz component.ts:

1. napisać potrójny slash, aby zaimportować typowanie:
   /// <reference path="../../../node_modules/@types/adal/index.d.ts" />
2. importować plik adal.js i udostępnić go jako tekst uwierzytelniania przy użyciu eksponatów e ładowarka
   import 'expose?AuthenticationContext!../../../node_modules/adal-angular/lib/adal.js';
3. zadeklarować zmienną typu AuthenticationContextStatic i przypisać mu wartość od AuthenticationContext
   let createAuthContextFn: adal.AuthenticationContextStatic = AuthenticationContext;
   
4. Teraz można zainicjować kontekstu uwierzytelniania przy użyciu createAuthContextFn
   let config: adal.Config = { clientId : 'test' }; let context = new createAuthContextFn(config);

How to load adal.js in webpack inside Angular 2 (Azure-AD)

Answer 2

Ta odpowiedź jest chyba bardzo późno, ale skoro pytasz na przykład, mam zmodyfikowano najnowszą kątowa 2 szybki start i zintegrowane Adal do niego, tutaj: https://github.com/ranveeraggarwal/ng2-adal-QuickStart

Posiada również trasy i chroniony routingu.

To wykorzystuje systemjs i jeszcze nie znalazłem rozwiązania opartego na pakiecie internetowym.