Speichern Benutzersitzung im lokalen Speicher in React Server-Seite Anwendung

Question

In meiner App möchte ich den Benutzer session_id im lokalen Speicher speichern. Meine App wurde mit React und Redux (mit serverseitigem Rendering) geschrieben. Ich hole Benutzer session_id von Api. Ich möchte session_id speichern, während der Benutzer in meiner App angemeldet ist? Wie ist die beste Lösung dafür?

Answer 1

Speichern Sie einfach die session_id im lokalen Speicher, wenn Sie es vom Server erhalten. Überprüfen Sie dann in Ihrer Anwendungsinitialisierungsdatei, ob der lokale Speicher session_id enthält. Wenn ja, verwenden Sie diese ID, um Benutzerdaten abzurufen.

Da der lokale Speicher die clientseitige (Browser-) Funktion ist, können Sie sie nicht im Backend verwenden.

Eine andere Möglichkeit könnte sein, Ihre session_id in Cookie zu speichern und dieses Cookie serverseitig zu lesen. Auf diese Weise können Sie den Benutzer bereits serverseitig authentifizieren.

Answer 2

Können Sie den Code teilen, den Sie derzeit haben, um Ihre Frage ein wenig besser zu verstehen. Von dem, was ich verstanden habe, möchtest du vielleicht den folgenden Code ausprobieren. In der else-Anweisung machen Sie die API-Anfrage für die Session-ID und dann setItem mit der Session-ID, die von der API-Anfrage kam. Sie haben dann Zugriff darauf mit einer Variablen namens currentSessionId.

var currentSessionId; 

    if(localStorage.getItem('session_id')){ 
     currentSessionId = localStorage.getItem('session_id'); 
    } else { 
     localStorage.setItem('session_id','<session id>'); 
     currentSessionId = localStorage.getItem('session_id'); 
    } 

Hoffe, das hilft!