Wie verarbeiten die User-Sitzung im Winkel 5

Für das backend, ich bin mit Spring Framework mit 'Shiro' für die Authentifizierung,

Und für das frontend, ich bin mit Winkel-5.

Wenn ich rufe ich meine login-API vom Briefträger, als ich bin, immer dieselbe Benutzer-session, bis ich verwenden logout-API. (Was richtig ist)

Postbote UI Bild:
Wie verarbeiten die User-Sitzung im Winkel 5

Aber wenn ich rufe ich meine login-API aus meinem Winkel 5, als ich bin, immer verschiedene Benutzer-session auf jeden Anruf. (Was aber falsch ist.)

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import 'rxjs/add/operator/toPromise';

@Injectable()
export class LoginService {
  private headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded'});
  private _url:string = "v1/login";

  constructor(private http: HttpClient) { }

  login(){
    const data = {userName:"root", password:"root"};
    return this.http.post(this._url,{headers: this.headers},{params : data})
    .subscribe(data => {sessionStorage.setItem("jsessionid",JSON.parse(JSON.stringify(data)).jsessionid)});
  }
}

Angular-UI-Bild:
Wie verarbeiten die User-Sitzung im Winkel 5

Bei jedem Aufruf von 'jsessionid' ändert, wie gezeigt in "

Versenden Sie die alten jsessionid Wert wieder auf aufeinander folgende Aufrufe?
erhalten wir, dass 'jsessionid' von Shiro, also, wenn wir rufen login API von derselben Benutzer-session dann werden wir gleich 'jsessionid' . Wenn ich hier rufe ich meine login-API von Winkel-Zeit, dass bei jedem Aufruf neue Sitzung erstellen. Also jedes mal, wenn 'jsessionid' verändert.
Die jsessionid Wert wird verwendet, um die Sitzung zu identifizieren der server-Seite. Die client müssen es zurück zu senden mit jedem Anruf oder eine neue session erstellt werden.
ja. Aber ich weiß nicht, wie zu senden, dass jsessionid bei jedem Aufruf von der client-Seite (Von Winkel-5 ).
Ich weiß nicht Shiro, aber in der Regel erfolgt dies in Form eines cookie.

InformationsquelleAutor Vinu | 2018-02-11

  1. 2

    Müssen Sie prüfen, "jsessionid" in der session Speicher vor dem senden auth reques.

    login(){
 const data = {userName:"root", password:"root"};
 if(this.isLoggedIn()){
  return Observable.of(JSON.parse(sessionStorage.getItem('jsessionid')))
 }

 return this.http.post(this._url,{headers: this.headers},{params : data});
}

private isLoggedIn(): boolean {
 const result = !!(sessionStorage.getItem('jsessionid'));
 return result;
}

    Werden Sie brauchen, um zu erstellen auth interceptor https://medium.com/@ryanchenkie_40935/angular-authentication-using-the-http-client-and-http-interceptors-2f9d1540eb8

    Nicht für mich arbeiten.

    InformationsquelleAutor Kliment Ru

  2. 2

    Session-management automatisch passieren.

    Wenn wir den client auf einen server und backend auf einem anderen server zu dieser Zeit müssen wir nur noch 'proxy.conf.json' - Datei.
    Und hinzufügen müssen, dass die Datei Eintrag in ' - Paket.json' - Datei.

    Wichtig:- Fügen Sie server-url bis zu der port-Nummer in 'proxy.conf.json'. (Server-url
    Eintrag bis port-Nummer)

    {
    "/": {
      "target": "https://localhost:30443",
      "secure": false
    }
 }

    In meinem Fall, ich war mit einem zusätzlichen parameter /mainlayer im server-URL. (Die war falsch.)

    {
   "/": {
     "target": "https://localhost:30443/mainlayer",
     "secure": false
   }
}

    Und in LoginService Klasse nur hinzufügen, dass zusätzliche parameter.

    private _url:string = "mainlayer/v1/login";

    InformationsquelleAutor Vinu

Schreibe einen Kommentar