Potvrda odjave

Kratki sažetak

Potvrda odjave je posebna stranica na ruti /logout. Prikazuje karticu s naslovom Odjava, upozorenjem „Da li ste sigurni da se želite odjaviti iz aplikacije?”, gumbom Povratak i gumbom Odjavi se.

Najvažnije koristi:

• Sprječava slučajnu odjavu na posebnoj ruti.
• Korisnik se može vratiti na prethodnu stranicu.
• Akcija odjave uklanja userstore.token iz localStorage i vodi na sign-in.

Kada koristiti ovu značajku

Koristite potvrdu odjave kada želite:

• namjerno završiti sesiju preko /logout,
• imati jasnu potvrdu prije napuštanja aplikacije,
• vratiti se ako ste slučajno otvorili odjavnu rutu.

Ova značajka je posebno korisna za:

• korisnike koji žele dodatnu sigurnost prije odjave,
• administratore koji ne žele slučajno prekinuti rad,
• podršku koja korisnicima daje direktnu logout rutu.

Prije nego što počnete

Prije korištenja provjerite sljedeće:

• spremili ste otvoreni rad,
• otvorili ste /logout kao prijavljeni korisnik,
• znate da Odjavi se vodi na REACT_APP_WEB_URL + "/sign-in".

Brzi početak

U ovom primjeru pokazujemo kako potvrditi odjavu.

1. Otvorite /logout.
2. Pročitajte upozorenje.
3. Ako ne želite odjavu, kliknite Povratak.
4. Ako želite odjavu, kliknite Odjavi se.
5. Aplikacija uklanja lokalni token.
6. Preglednik se preusmjerava na sign-in.

Nakon toga trebali biste vidjeti: stranicu za prijavu.

Detaljne upute

Korak 1: Otvorite stranicu odjave

Ruta /logout je registrirana kao auth ruta bez glavne navigacije (hideNav: true).

Primjer:

/logout

Alt tekst: Stranica odjave s upozorenjem i gumbima Povratak i Odjavi se.

Korak 2: Odaberite Povratak ili Odjavi se

Povratak poziva navigate(-1). Odjavi se poziva handleLogout.

Alt tekst: Akcije za povratak ili potvrdu odjave na stranici logout.

Korak 3: Završite odjavu

handleLogout uklanja userstore.token iz localStorage i radi window.location.replace prema web sign-in URL-u.

Primjer iz prakse

Zamislimo da korisnik klikne logout link greškom.

Scenarij:

• Korisnik: računovođa
• Cilj: izbjeći slučajnu odjavu usred rada
• Problem: direktna odjava bi prekinula tok
• Rješenje: stranica nudi Povratak prije izvršavanja odjave

Rezultat:

Korisnik se može vratiti na prethodni ekran bez prekida rada.

Showcase: kako značajka izgleda u aplikaciji

Pregled zaslona

Što korisnik vidi:

• naslov Odjava,
• upozorenje,
• akcije Povratak i Odjavi se.

Primjer konfiguracije

Preporučena konfiguracija za početnike:

Najčešće radnje

Kako se vratiti bez odjave

1. Otvorite /logout.
2. Kliknite Povratak.
3. Aplikacija se vraća jednu stavku u povijesti preglednika.

Kako potvrditi odjavu

1. Otvorite /logout.
2. Kliknite Odjavi se.
3. Pričekajte preusmjeravanje.

Kako provjeriti da ste odjavljeni

1. Nakon preusmjeravanja provjerite sign-in ekran.
2. Pokušajte otvoriti app rutu.
3. Ako vas traži prijavu, sesija je prekinuta.

Dobre prakse

Za najbolje rezultate:

• koristite Povratak ako ste stranicu otvorili greškom,
• spremite dokumente prije potvrde,
• ne dijelite logout rutu kao zamjenu za upravljanje sesijom,
• nakon odjave zatvorite karticu na javnom uređaju.

Izbjegavajte:

• klik Odjavi se usred nespremljenog obrasca,
• pretpostavku da /logout radi identično kao backend sign-out,
• ručno brisanje storagea ako UI odjava radi.

Napredne mogućnosti

Ako trebate više kontrole, možete koristiti:

Povratak kroz history

Gumb Povratak koristi navigate(-1), pa ponašanje ovisi o povijesti preglednika.

Lokalni token

Stranica uklanja userstore.token iz localStorage. Ako aplikacija koristi dodatne kolačiće, ponašanje ovisi o auth sloju izvan ove komponente.

Preusmjeravanje na web

Sign-in odredište dolazi iz REACT_APP_WEB_URL, a ne iz trenutne app rute.

Dozvole i pristup

Za korištenje ove značajke potrebne su sljedeće dozvole:

Ako ne vidite ovu značajku, moguće je da:

• nemate odgovarajuću dozvolu,
• značajka nije uključena u vašem paketu,
• administrator je ograničio pristup,
• integracija ili modul nije aktiviran.

Ograničenja

Trenutna ograničenja značajke:

• tekst koristi „Da li” umjesto standardnijeg „Jeste li” u kodu,
• nema dokazanog backend sign-out poziva u ovoj stranici,
• širina kartice je fiksno postavljena na 600 px.

Rješavanje problema

Česta pitanja

Je li /logout dostupan bez prijave?

Ruta je u konfiguraciji označena s auth: true, pa je namijenjena prijavljenim korisnicima.

Što radi gumb Povratak?

Poziva navigate(-1) i vraća korisnika na prethodnu stavku u povijesti preglednika.

Briše li ova stranica refresh token na backendu?

U pregledanom Logout.tsx ne vidi se backend poziv za refresh token. Za backend sign-out koristi se odjava iz menija.

Povezane značajke

• Odjava
• Korisnički izbornik
• Auth placeholder

Sljedeći korak

Ako tek počinjete, preporučujemo da prvo napravite sljedeće:

1. Otvorite korisnički izbornik i pronađite odjavu.
2. Otvorite /logout u sigurnom trenutku.
3. Usporedite potvrdu i menu odjavu.

Nakon toga možete prijeći na: Odjava.