Log out user when they leave the website | Next.js | Page 1

agile scarab Dec 14, 2022, 11:59 AM

#

How can I detect and log out the user when they leave the website either by closing the tab or the browser?

strange sage Dec 14, 2022, 12:31 PM

#

https://stackoverflow.com/questions/3888902/detect-browser-or-tab-closing

Stack Overflow

Detect browser or tab closing

Is there any cross-browser JavaScript/jQuery code to detect if the browser or a browser tab is being closed, but not due to a link being clicked?

#

it's not a reliable way to log out. You may want to have another strategy, for instance you could store a unique session id in the sessionStorage => this storage being emptied on session end, next time the user open the browser, they are technically log out

#

why do you need htat in the first place?

#

also this is not Next specific, you might waznt to check more generic JS discord servers

agile scarab Dec 15, 2022, 12:18 PM

#

strange sage why do you need htat in the first place?

I am building an App and the client wants the user to be logged out after a user closes out of the tab. I am using NextAuth for authentication

strange sage Dec 15, 2022, 12:26 PM

#

yeah so then store a unique session id in session storage, it should be emptied on closing the tab

#

when user access back, they will technically still have a valid login token, but they will miss the info from session storage => it means they should be logged out

#

I haven't coded that ever but it should do what you want

#

think of a key in 2 pieces: 1 is the token, 1 is what you put in the session storage

#

if user just has the token, it doesn't work anymore, it needs the part in the session storage

#

oh if I remember correctly

#

I think there are session-scoped cookies too

#

so you might not even need sessionStorage but just a correct config of your cookie that stores the token

#

not sure though

#Log out user when they leave the website