Как очистить localStorage после закрытия всех вкладок с сайтом?

Question

[Eugenue Cesarevich]

Хочу реализовать функциональность "Запомнить меня" с использованием JWT.

План такой: JWT записывается в localStorage, и если пользователь не поставил галку "Запомнить меня", то после закрытия всех вкладок сайта localStorage затирает запись с токеном. Как я могу такое реализовать?

Comments

[WbICHA]

https://developer.mozilla.org/ru/docs/Web/API/Wind...

Answer 1

[Владимир Кудря]

Так это нужен session а не local, это у него такое поведение

Comments

[Eugenue Cesarevich]

Проблема сессионого хранилища в том, что она только в пределах вкладки работает. То есть, если я сайт с другой вкладки открою, то там я буду не авторизован. А мне надо быть авторизованным даже в свежей вкладке.

[Владимир Кудря]

Eugenue Cesarevich, проверил, ключ слетает если открывать ссылку либо через среднюю кнопку мыши, либо если напрямую вписать в url ссылку на страницу, если же дублировать вкладку или переходить по ссылкам то ключ остается

[Владимир Кудря]

Eugenue Cesarevich, в принципе есть еще идея, помимо ключа хранить счетчик открытых страниц, что то типо, при загрузке проверять если счетчик 0 и есть токен, то чистим токен и разлогиниваемся, если больше 0 и есть токен, то как бы авторизирован и все ок и счетчик инкрементим, а при закрытии вкладки привязаться к onbeforeunload и делать дикремент у открытых страниц
Как на практике будет вообще не в курсе ибо пованивает говнокодом, но другого ничего в голову не лезет

[Eugenue Cesarevich]

Владимир Кудря, интересно, попробую завтра, постараюсь отписаться

Answer 2

[zkrvndm]

Каждые 5 секунд обновляйте авторизационные даненые в хранилище, а все записи старше 15 секунд считаете недействительными. Соответственно, если пользователь закрыл все вкладки, то авторизационные данные перестали обновляться и быстро устарели.

P. S. Это лишь один из способов. Также вы можете использовать sessionStorage.

Answer 3

[rPman]

100% гарантии локальными средствами не получишь, onbeforeunload может не исполниться по разным хоть и редким причинам (например убили процесс, или проблема с интернетом, или неудачное стечение обстоятельств при пробуждении ото сна, особенно это актуально для мобильных браузеров), поэтому ключевой вопрос задачи - обнаружить закрытие вкладок, что можно сделать только на серверной стороне, удерживая websocket подключение (сервер считает сколько открыто к какому пользователю подключений и на дисконнекте последнего помечает что сессия закончилась).

В этом случае очистку localstorage придется делать и на открытии страницы, если сервер пометил для себя что сессия была закрыта и устарела