Autentykacja i autoryzacja w React

0

Cześć.

Mam problem z tym co w temacie.
Tworzę apkę i chciałbym, aby wyglądało to tak: wchodzi pod adres / i wyświetla się intro strony i opcja Zaloguj. Po przejściu do zaloguj przekierowuje mnie do strony /login i tam podaje dane. Jeśli wszystko jest ok to od serwera dostaje token i role. I chce aby w tym momencie nastąpiło przekierowanie znów na / tylko teraz, gdy user jest zalogowany to wyświetlają się już treści dla zalogowanych. Niby proste ale mecze się już z tym sporo czasu. Korzystałem z context api, gdzie przekazywałem funkcje z najwyższego komponentu aby ta pobrała dane logowania do state i przeładowała komponenty. Działało, tylko, że po odświeżeniu stan się kasował. Później próbowałem też zapisywać dane do localStorage to też, niby działało ale problemy były z odczytem wartości aby móc na jej podstawie wyrenderować różne widoki w zależności od statusu logowania. Przekierowanie w tym wypadku robiłem za pomocą withRouter i history.push. Tu też nie działa. Proszę o podpowiedź albo nakierowanie jakich praktyk, technologii, bibliotek czy czegoś... się używa, aby autoryzacja i autentykacja W React wyglądała tak jak Pan Bóg przykazał :)

0

Ja bym na twoim miejscu zrobił to za pomocą HoC. Czyli robisz komponent który przyjmuje inny (ten który wymaga autoryzacji) i jeśli token jest ważny to zwracasz ten komponent a jeśli nie to robisz przekierowanie na stronę do logowania. Ja to tak robiłem. Wtedy nawet jak wpiszesz jakiś url, który wymaga zalogowania to komponent autoryzacyjny wywali do strony logowania.

1 użytkowników online, w tym zalogowanych: 0, gości: 1