Какие параметры лучше хранить в localStorage?

Question

Я разрабатываю социальное приложение, используя Vue.js и Vuex store, чтобы сохранить релевантные переменные приложения.

Теперь мне интересно, есть ли лучшие рекомендации относительно того, какие параметры лучше хранить в localStorage браузеров?

В настоящее время я храню token в localStorage, но мне интересно, следует ли мне также хранить username и другие соответствующие пользовательские данные в localStorage, чтобы предотвратить их потерю при обновлении страницы?

Answer 1

Я не думаю, что вам нужно что-либо хранить в локальном хранилище вообще.Если у вас есть некоторые настройки аутентификации, вы можете сохранить только свой токен в файле cookie сеанса и получить все необходимые данные с сервера.

Попытка свести к минимуму сохраненные данные на клиенте - хорошая идея.Просто сохраните токен в cookie, получите имя пользователя (и т. Д.) С сервера при первой загрузке страницы.Полученные данные могут быть сохранены в некоторых файлах JavaScript.Эти значения очищаются только при перезагрузке страницы, а затем вам нужно получить их один раз с сервера.

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

Answer 2

Здесь нет правильного ответа; только некоторые мысли:

Если у вас нет веских причин, я бы не стал хранить имя пользователя в локальном хранилище. Какое преимущество вы имели бы от донг так? Если пользователь вошел в свою учетную запись из другого браузера и изменил свое имя пользователя, это приведет к аннулированию имени пользователя, хранящегося в локальном хранилище в других браузерах. Большинство пользователей ожидают, что перезагрузка страницы должна полностью обновить все данные. Люди будут думать, что ваш сайт не работает, если они перезагрузят страницу, а имя пользователя не обновится. Чем меньше вещей вы храните в локальном хранилище, тем меньше вам нужно беспокоиться о том, что данные устареют.

Как минимум, вы обязательно должны хранить токен аутентификации в локальном хранилище. Исходя из этого, вы можете отправлять запросы на сервер при загрузке страницы для получения всех других данных, включая самого пользователя.