$ localStorage для хранения информации о пользователе

Question

Скажем, у меня есть веб-приложение, которое использует angularjs (но не SPA). Так как у меня есть механизм входа в систему, который использует службу angular $ http для вызова соответствующего маршрута, и после проверки учетных данных он отправляет JSON, содержащий информацию о пользователе, такую ​​как

 {
    firstName : "John",
    lastName : "Doe",
    email : "john.doe@xyz.com",
    profileURI : "somelink.com"
 }

Я хочу сохранить этот JSON в браузере, чтобы я мог получить к нему доступ и показать его на нескольких страницах (внутри панели навигации).

Итак, рекомендуется / рекомендуется использовать $ localStorage для хранения таких данных? Есть ли какие-либо проблемы безопасности?

Answer 1

У вас есть данные Json ниже.

{
    firstName : "John",
    lastName : "Doe",
    email : "john.doe@xyz.com",
    profileURI : "somelink.com"
 }

Вы должны установить для данных json переменную типа this.myJson = JSON_data и сохранить ее в локальном хранилище как

localStorage.set('varName', this.myJson)

Или Вы можете установить данные json отдельно и легко получить их, когда вам это нужно, как

localStorage.set('firstName', JSON_data.firstName);
localStorage.set('email', JSON_data.email);

и получите их как

localStorage.get('firstName');
localStorage.get('email');

И это хорошая практика, чтобы только данные, которые вам нужно было хранить в localStorage. Вы не должны хранить важные данные, такие как пароль, в локальном хранилище. Только глобальные / общие данные, которые вам понадобятся, должны храниться.