Comment utiliser des cookies sur angulaire 4+ pour get et post

Pouvez-vous fournir un exemple de référence ou de la façon dont l'utilisation des cookies sur angular4+ d'effectuer GET et POST? Sur angularJS est documenté, mais pas sur Angulaire.io.
Tout Équivalent à ceci: "//code.angularjs.org/X.Y.Z/angular-cookies.js" sur Angular4+
Merci d'avance

InformationsquelleAutor Crying Freeman | 2017-12-04
  1. 6

    Si vous utilisez les nouvelles Angulaire 5 ils ont introduit quelque chose qui s'appelle la HttpInterceptor (https://angular.io/guide/http#intercepting-all-requests-or-responses)

    Ce que vous pouvez faire est de créer un intercepteur qui obtient votre cookie et poignées en conséquence.

    import {Injectable} from '@angular/core';
import {HttpEvent, HttpInterceptor, HttpHandler, HttpRequest} from '@angular/common/http';

    function getCookie(name) {
     const splitCookie = cookie.split(';');
     for (let i = 0; i < splitCookie.length; i++) {
      const splitValue = val.split('=');
       if (splitValue[0] === name) {
         return splitValue[1];
       }
     }
     return '';
    }

    @Injectable()
    export class AuthInterceptor implements HttpInterceptor {
      constructor(private auth: AuthService) {}

      intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        //Get the auth header from the service.
        const authHeader = getCookie('auth');
        //Clone the request to add the new header.
        const authReq = req.clone({headers: req.headers.set('Authorization', authHeader)});
        //Pass on the cloned request instead of the original request.
        return next.handle(authReq);
      }
    }

    Vous pouvez également utiliser une bibliothèque de ce genre pour gérer les cookies:
    https://github.com/salemdar/ngx-cookie

    • Les intercepteurs ne sont pas exclusifs à 5. Ils sont apparus en 4.3.
    InformationsquelleAutor Everest
  2. 0

    J'ai fini par écrire quelque chose comme suit: 

     public postSomethingToServer(myUrl: string): Observable<any> {
    var body = `{"username":"ddd","password":"ddd"}`;
    const headers = new Headers();
    headers.append('Content-Type', 'application/json');
    let options = new RequestOptions({ headers: headers, withCredentials: true });
    return this.http.post(myUrl, body, options)
      .map((response) => {

        return response.json(); 
      })
      .catch(this.handleError);
  }

    Pour envoyer le cookie de la demande qu'il a besoin de l' (withCredentials: vrai) dans l'objet passé en classe RequestOptions.

    Pour ASP Net applications de Base si le client et le serveur sont en cours d'exécution sur différents serveurs nécessaires à la configuration de la SCRO 

    app.UseCors(config =>
                config.AllowAnyOrigin()                    
                      .AllowCredentials());

    Dans le cas d'autres rencontrent le même problème.

    • Je pense que AllowAnyOrigin() set Access-Control-Allow-Origin à * lorsque compined ce avec withCredentials: true set en frontend appel en cause dans ma situation, cette exception: Réponse à la demande de contrôle en amont ne passent pas de contrôle d'accès: La valeur de l '"Access-Control-Allow-Origin' en-tête de la réponse ne doit pas être le caractère générique '*' lors de la demande d'informations d'identification du mode "inclure".
    InformationsquelleAutor Crying Freeman