Должен ли я использовать Session Storage или LocalStorage: javascript AWS

Question

У меня есть сценарий ниже

Страница 1 имеет ссылку, когда пользователь нажимает на нее, она переходит на страницу портала с перезагрузкой страницы.Поэтому перед навигацией создается объект JSON

Размер этого объекта составляет примерно 4 КБ.

Образец объекта

let obj = {
    "date":"12/31/2018",
    "year":"2019",
    "zip":"93252",
    "members":[
    {
        "sdf":true,
        "age":21,
        "fdssss":false,
        "aaaa":false,
        "fdss":null,
        "fsdfsd":[
            "ADULT"
        ]
    },
    {
        "sdf":true,
        "age":21,
        "fdssss":false,
        "aaaa":false,
        "fdss":null,
        "fsdfsd":[
            "ADULT"
        ]
    }
}

На этой странице портала есть обратная ссылка , при нажатии на страницу будет возвращаться страница 1 с перезагрузкой страницы.

Итак, когда страница перемещается назад, мне снова нужен созданный объект JSON.Мне это нужно только для этого сеанса, или данные должны быть постоянными, даже если страница перезагружается.

1. Нужно ли использовать localStorage?Если я храню объект в localStorage, в какой момент я должен очистить хранилище?Как мне обращаться между разными пользователями?
2. Нужно ли использовать sessionStorage?какой будет область доступности данных

Использую сервис AWS.

Answer 1

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

Q2:
Вы также можете иметь sessionStorage для каждой вкладки и будет удален при закрытии браузера.

в деталях:

Это зависит от вашего сценария, что означает, что localStorage использовался долгое время, но sessionStorage использовался, когда вам нужно что-то сохранить временно.

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

localStorage не имеет даты истечения срока действия и очищается только кодом или очищением кэша браузера или локально сохраненных данных, тогда как объект sessionStorage хранит данные только для сеанса, что означает, что данные сохраняются до браузера ( или вкладка) закрыта.

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

предположим:

function removeStorage()
{
   var obj = localStorage.getItem('obj');
   if(obj !== null)
       localStorage.removeItem('obj') 
} 

и при успешном входе в систему или выходе из системы вызовите removeStorage() и при загрузке Page1 выполните примерно следующее:

var obj = localStorage.getItem('obj');
if(obj !== null)
{
   ....
   //show the obj in label or do what you want with it 
   ...
}