Nuxt аутентификация nuxt auth utils. Введение.

Серия видео как организовать серверный endpoint для этого курса. На примере фреймворка Symfony:

https://webkyrs.info/category/symfony-autentifikatsiia-s-pomoshchiu-api-kliuchei

Организация аутентификации в проекте

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

Называется этот модуль nuxt-auth-utils и этот модуль имеет официальную рекомендацию разработчиков Nuxt.js. Как правило, в своих проектах я использую именно эту библиотеку. В ближайшей серии видео мы рассмотрим, как начать с ней работать.

Установка модуля

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

npx nuxi@latest module add auth-utils

Как правило, если вы выполняете команду через терминал, она сама создаст нужные файлы в проекте. В файле .env у нас должно появиться строка

NUXT_SESSION_PASSWORD=password-with-at-least-32-characters

Настройка серверной части

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

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

Переход к практике

В этом курсе мы не будем подробно останавливаться на серверной части, а рассмотрим только клиентскую часть. Давайте теперь переходить к практике и посмотрим, как работать с этим модулем.