Уроки роботи зі стеком 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 місяця

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

Курс по NestJS с нуля / Разработка веб проектов
9 уроків
MERN Stack / Разработка веб-приложения
9 уроків
Уроки Node JS и Express для начинающих
13 уроків
Изучение MongoDB / Работа с базой данных
8 уроків
Фреймворк Next JS / Изучение NextJS для начинающих
8 уроків
Создание приложения на React JS / Использование API
7 уроків
Коментарі
Додати коментар

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