АУТЕНТИФИКАЦИЯ С ИСПОЛЬЗОВАНИЕМ СОБСТВЕННОСТИ JAVASCRIPT «localStorage»
Первое, что нужно сделать для любого стандартного приложения, которое планируется создать, - это аутентификация пользователей и использование его записей во всем приложении до выхода пользователя из системы. Имеется в виду, когда «Mr. После входа в свое приложение он должен видеть только то, что относится к нему, а не то, что относится к «Mr. B »при доступе к основному приложению через их данные для входа, написание кода, который аутентифицирует пользователей, может быть немного утомительным / трудным для новичков, но JavaScript сделал его таким простым с помощью свойства window« localStorage ».
localStorage позволяет доступ к хранению объектов в браузере без очистки, localStorage немного похож на «sessionStorage» в том смысле, что оба они используются для сохранения объектов в памяти браузера, но главное различие всего в том, что данные «sessionStorage» очищается всякий раз, когда истекает сеанс страницы.
Чтобы создать localStorage, вы используете оконную функцию setItem (), то есть window.localStorage.setItem («ключ», «значение»)
Ключ представляет имя содержимого, которое будет храниться в localStorage браузера на протяжении всего использования приложения, а часть значения представляет содержимое, которое содержит ключ. Значение может содержать данные JSON или буквально что угодно, давайте приведем пример, рассмотрим переменную testObject, которая содержит объект, мы могли бы сохранить этот объект в localStorage, но сначала нам нужно будет преобразовать его в строку. Затем мы передадим это значение части и дадим имя ключа, чтобы получить доступ к этим данным в любое время в нашем приложении.
1. var testObject = { 'one': 1, 'two': 2, 'three': 3 };
2. window.localStorage.setItem(“testObject”, JSON.stringify(testObject))
3. Чтобы получить доступ к содержимому, мы просто вызываем заданное имя ключа. В нашем случае ключ - «testObject».
Таким образом, мы сохранили этот объект JSON, к которому можно было получить доступ из любого места в нашем приложении / браузере.
ПРЕДУСМОТРЕННЫЕ ШАГИ
1. Преобразуйте запись, полученную из базы данных, например JSON.stringify («запись базы данных»), ПРИМЕЧАНИЕ: «запись базы данных» представляет собой объект. То, что я имел в виду, говоря «запись базы данных», просто означает единственную запись, полученную из базы данных,
то есть он может выглядеть как data = {‘customer_ID’: 1, ‘Name’: ‘Stephen’, ‘email’: ‘[email protected]’, ‘password’: ‘aZXa88279ahhNAhh # $ 26’}
2. Создайте localStorage, как описано ранее, например. window.localStorage.setItem («запись», JSON.stringify («записи базы данных»))
3. Теперь используйте атрибут window location.href, чтобы изменить свой маршрут к странице, на которую вы собираетесь перейти, что может быть достигнуто с помощью window.location.href = ‘dashboard’,
4. Пока вы работаете в приложении, в нем хранится ваша запись, и все, что бы вы ни делали, будет основываться только на том, что вы вошли в систему.
В следующей статье я расскажу, как наглядно показать, как получить доступ к тому, что вы вводите из своей формы, и часть выхода из системы с помощью localStorage.removeItem («testObject») при нажатии кнопки выхода.