L'Authentification Windows et Angulaire 4 application

Je suis en train d'écrire un Angulaires 4 application qui a besoin d'obtenir des données à partir d'Asp.Net WebApi. Nous sommes à l'aide de l'authentification windows pour le WebAPI et je me demande comment je peux passer de l'utilisateur de windows de l'identité de mon Angulaire de l'Application de WebApi. J'ai trouvé quelques exemples impliquant l'imbrication de votre application avec l'application MVC mais je tiens à garder loin de l'INTERFACE utilisateur de la MVC. Est-il un moyen de le faire sans ajouter .net mvc, à mon Angulaire site web?

  • Peut-être que ce lien peut vous aider : stackoverflow.com/questions/41337145/...
  • De ce que je peux voir, c'est qu'ils sont l'utilisation de l'authentification. Je voudrais utiliser l'Authentification Windows
  • a cette question répondu correctement? Si oui, veuillez cocher la réponse.
InformationsquelleAutor AlexanderM | 2017-09-11
  1. 5

    Lorsque vous envoyez votre demande http à partir Angulaire de votre WebAPI vous devez utiliser
    RequestOptions({ withCredentials=true})

    Voici un exemple de service de sécurité qui appelle une api

    @Injectable()
export class SecurityService {
private baseUrl = 'http://localhost:64706/api/security/';
private auth: Auth;
private options = new RequestOptions({ withCredentials: true });

constructor(private http: Http) {
    console.log('Creating Service');

    console.log('Service Pre Http');

    this.http.get(this.baseUrl, this.options)
      .map((res) => this.extractData<Auth>(res))     
      .subscribe(newItem => {
        console.log('Service Subscribe');
        this.auth = newItem;
      })

  }

  public isUser(): Observable<boolean> | boolean {

    if (!this.auth) {
      return this.http.get(this.baseUrl, this.options)
        .map(res => {
          this.auth = this.extractData<Auth>(res);
          return this.auth.isUser;
        });
    }
    else {
      return this.auth.isUser;
    }


  }

  private extractData<T>(res: Response) {
    if (res.status < 200 || res.status >= 300) {
      throw new Error('Bad response status: ' + res.status);
    }
    const body = res.json ? res.json() : null;
    return <T>(body || {});
  }

}

    C'est la classe auth

    export class Auth {
  isAdmin: boolean;
  isUser: boolean;
}

    Si vous êtes en utilisant .net de Base puis dans votre WebAPI Contrôleur, vous pouvez maintenant accéder
    this.User.Identity.IsAuthenticated

    NB: Si vous utilisez ASP.Net Core 2.0, alors vous devez suivre les "Authentification Windows (HTTP.sys /IISIntegration)" l'article ici
    https://docs.microsoft.com/en-us/aspnet/core/migration/1x-to-2x/identity-2x

    Vous devez également penser à activer l'Authentification Windows sur l'ordinateur hôte.e.g IIS ou IISExpress.

    Vous aurez probablement besoin d'activer la SCRO la documentation est bonne ici:
    https://docs.microsoft.com/en-us/aspnet/core/security/cors

    Si vous obtenez des erreurs autour de "contrôles en amont", alors vous devrez également activer l'Accès Anonyme

    • vous avez dit dans votre réponse "IIS ou IISExpress". Avez-vous essayé IISExpress et cela a fonctionné? Parce que je l'ai et je ne peux pas le faire fonctionner
    • Oui,tant de travail à l'aide de Chrome. Quels sont les navigateurs ont essayé?
    • Seul Internet Explorer. C'est le navigateur qui doit être pris en charge. Je vais essayer de Chrome pour voir si elle fonctionne
    • Juste pour info pour utiliser RequestOptions vous devez import { RequestOptions } from '@angular/http';.
    InformationsquelleAutor Stephen James