Что такое cookie?
cookie - это небольшой фрагмент данных, который мы отправляем из нашего приложения на компьютер пользователя через его веб-браузер.
Как правило, данные, которые мы храним в этих файлах cookie, - это то, что требует времени для загрузки и требуется для приложения. Эти файлы cookie могут использоваться для сбора информации, связанной с пользователем, полной аутентификации, для кодирования CSS или для реализации какого-либо другого сценария. Это связано с тем, что, когда пользователь обращается к нашему приложению в своем браузере, он берет информацию из файлов cookie, чтобы улучшить общую производительность нашего приложения.
Для установки файлов cookie используйте следующий код:
npm install --save ngx-cookie-service
Как использовать куки?
Вы должны импортировать CookieService в файл app.module.ts и добавить поставщиков, как показано ниже.
Затем вставьте cookieService в компонент, где вы хотите его использовать. В этой статье мы импортируем эту службу в app.component.ts и внедряем ее в параметр constructor.
Этот cookieService класс состоит из различных методов для выполнения таких действий, как установка, получение, проверка, getAll, удаление, удаление всех файлов cookie. Чтобы сохранить информацию в файлах cookie, вам необходимо использовать функцию set (). Он принимает два параметра: имя ключа и значение ключа.
Функция get () используется для получения единственного значения из файла cookie. Чтобы получить все значения, вы можете использовать функцию getAll ().
Если вы хотите проверить, существует ли определенный ключ в файлах cookie, вы можете использовать функцию check (). Это вернет истинное или ложное значение, указывающее, существует ли ключ, соответственно. Давайте проверим это на примере ниже, в котором мы создали одну кнопку и инициировали событие нажатия.
Теперь, когда мы нажимаем на кнопку, она устанавливает имя компании, имя сотрудника и местоположение в файлах cookie. Опубликуйте это, мы получим company_name и все данные, которые сохранены в файлах cookie, в свою очередь также проверяя, существует ли company_name в файлах cookie или нет.
После этого мы сохраняем файлы, запускаем ng serve и открываем браузер на localhost: 4200
Как удалить информацию в файлах cookie?
Есть функция delete (), если вы хотите удалить один ключ из файла cookie. Если вы хотите полностью удалить всю информацию из файла cookie, используйте вместо этого функцию deleteAll (). Ниже приведен пример его использования:
Надеюсь, эти быстрые и простые в использовании указатели улучшат ваш опыт работы с приложениями на основе Angular 8!
Автор - Ниша Чаухан, DLT Labs ™
Об авторе: Ниша - инженер-программист в DLT Labs и часть нашей команды DL Certify, работающей над внешним и внутренним интерфейсом. Она владеет Angular js, Node js, PSQL, Javascript.
Заявление об ограничении ответственности: эта статья изначально была опубликована на странице блога DLT Labs:
https://www.dltlabs.com/blog/cookies-in-angular-8-506267
