Файлы cookie - это небольшие пакеты информации, которые могут временно храниться / сохраняться вашим браузером и веб-сайтами, которые используют файлы cookie для различных целей. Часто они не превышают нескольких килобайт на файл cookie. Файлы cookie используются в нескольких запросах и сеансах браузера и могут хранить информацию вашей учетной записи, используемую, например, при аутентификации.
Установка зависимости
Для Angular у нас есть уже созданный пакет NPM под названием ngx-cookie-service, который можно использовать для работы с файлами cookie. Позвольте установить пакет внутри вашего репо в качестве зависимости;
npm install ngx-cookie-service
Начиная
После установки зависимости мы можем использовать ее, импортировав CookieService в один из наших модулей. В этом примере мы используем AppModule. Пожалуйста, добавьте их в качестве провайдера;
Как использовать
В приведенном ниже примере кода мы собираемся использовать наш AppComponent и использовать методы set и get из CookieService. Мы внедряем эту услугу в параметры конструктора. Внутри метода ngOnInit мы устанавливаем новый файл cookie и получаем тот же файл cookie.
В первой строке мы устанавливаем новый файл cookie с именем cookie-name с некоторым случайным значением. Во второй строке вы можете увидеть, как получить значение cookie;
Помимо методов get и set, в этом пакете доступны другие методы, такие как check, getAll, delete и deleteAll, они показаны в примере ниже. Метод set имеет больше необязательных параметров, которые можно заполнить, чем я показал в приведенном выше примере. Рекомендуется установить параметр expires. В противном случае они могут длиться вечно.
