Уроки роботи зі стеком MEAN

#8 - Авторизация и выход из учетной записи

#8 - Авторизация и выход из учетной записи

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

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

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

Локальное хранилище

Локальное хранилище это особое место в браузере, с которым мы можем работать и в котором мы можем хранить данные. Локальное хранилище в Node JS сравнимо с сессиями или куки в таком языке как PHP.


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

localStorage.setItem('ключ', 'значение')

Для того чтобы получить ключ пропишите функцию getItem:

localStorage.getItem('ключ')

И для того чтобы удалить значение из локального хранилища пропишите:

localStorage.removeItem('ключ')

Также можно очистить все значения сразу же при помощи функции clear():

localStorage.clear()

В локальном хранилище можно хранить только строки, поэтому любые объекты или любые JSON файлы необходимо приводить к формату строки.


Все значения что есть в локальном хранилище можно просмотреть через браузер. В Google Chrome вы можете зайти в консоль разработчика и далее перейти на вкладку Resources:


Матеріали для курсу

Щоб завантажувати матеріали до відеокурсів, необхідно оформити підписку на сайт

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Уроки Angular для начинающих
11 уроків
Курс по NestJS с нуля / Разработка веб проектов
9 уроків
Уроки Node JS и Express для начинающих
13 уроків
Практика React JS / Разработка магазина (eCommerce)
9 уроків
Создание приложения на React JS / Использование API
7 уроків
Курс по React JS для начинающих
11 уроків
Коментарі
Додати коментар

Поки що коментарів немає