Verwenden von Angular2 zur Authentifizierung gegen Azure AD

Question

Verwenden von Angular2 zur Authentifizierung gegen Azure AD

8

Ich verwende Angular2 und möchte den Benutzer gegen einen Azure AD authentifizieren. Ich habe ADALjs gefunden, aber sie bieten nur Angular1 an, ich habe auch dieses Ссылка gefunden, aber das scheint immer noch in der Anfangsstadien. Was ist der beste Weg, den ich nehmen kann, um dies zu implementieren, kann jemand ein funktionierendes Beispiel geben.

angular adal.js

user3547774 21.07.2016, 05:52

quelle

2 Antworten

Tags und Links angular adal.js

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Amazon Simple Product API-Fehler beim Nachschlagen des Produkts

score 2 · Answer 1

Diese Antwort ist wahrscheinlich sehr spät, aber da Sie nach einem Beispiel gefragt haben, habe ich den neuesten Angular 2 Quickstart modifiziert und ADAL integriert, hier: Ссылка

Es hat auch Routing und geschütztes Routing.

Dies verwendet systemjs und ich muss noch eine Webpack-basierte Lösung finden.

score 0 · Answer 2

Um das zu beheben, müssen Sie einige Dinge tun:

%Vor%

Wenn diese Pakete installiert sind, müssen Sie Folgendes tun:
in Ihrem component.ts:

schreibe einen dreifachen Schrägstrich, um die Typings zu importieren
/// <reference path="../../../node_modules/@types/adal/index.d.ts" />
Importieren Sie adal.js und stellen Sie es als AuthenticationContext mithilfe des Expose Loaders dar.
import 'expose?AuthenticationContext!../../../node_modules/adal-angular/lib/adal.js';
deklarieren Sie eine Variable vom Typ AuthenticationContextStatic und weisen Sie ihr den Wert von AuthenticationContext zu let createAuthContextFn: adal.AuthenticationContextStatic = AuthenticationContext;
zu
Jetzt können Sie den Authentifizierungskontext mit createAuthContextFn initialisieren let config: adal.Config = { clientId : 'test' }; let context = new createAuthContextFn(config);

Wie lade adal.js im Webpack hinein Angular 2 (Azure-AD)