Авторизация в laravel +vue +jwt auth?

Question

[Даниил Чашков]

Перенос авторизацию во vue, для этого я погуглил и нашел статью CLICK.
Сделал также как там написано, но как оказалось авторизация и выход происходят только на стороне клиента, как дополнить на стороне сервера? И еще вопрос, как делать запросы на маршруты, которые расположены во routes/api.php?

Comments

[Дмитрий Кузнецов]

Для Laravel есть же замечательный Laravel Passport, зачем что-то иное ставить?

[Даниил Чашков]

Дмитрий Кузнецов, в чем его недостатки перед jwtauth и преимущества?

[Дмитрий Кузнецов]

Даниил Чашков, Я не знаю в чём преимущества и недостатки обеих пакетов, да и с jwtauth я не работал. Laravel Passport разрабатывался именно для Laravel, имеет как я знаю хорошую интеграцию. Можно сказать, что этот пакет "работает прямо из коробки". К сожалению больше ни чего не могу сказать.

И еще вопрос, как делать запросы на маршруты, которые расположены во routes/api.php?

ваш_сайт/api/method.

[Даниил Чашков]

Дмитрий Кузнецов, я правильно понял, сначала настраиваем laravel passport, потом создаем клиента, а потом просто делаем запросы н а сервер?

[Дмитрий Кузнецов]

Даниил Чашков, Да) При чём документация на оф. сайте Laravel очень одробная, даже я (нуб) разобрался.

[Даниил Чашков]

Дмитрий Кузнецов, В общем настроил laravel passport, как написано в русско-язычной документации. Не понял как создавать клиента и как сделать авторизацию и регистрацию пользователей. Знаю есть команда passport:client, я так понял она добавляет клиента, то есть запрашивает id пользователя, название и редирект после авторизации. Вопросы: как создать клиент и отправлять запросы с помощью axios?

[Дмитрий Кузнецов]

Даниил Чашков, После установки Laravel Passport в бд появляются 5 таблиц, связанные с oAuth. В одной из них, а именно в oauth_clients, создалось 2 записи. Вы берёте ID 2 и его ключ. А далее через axios во Vue приложении вы уже делаете запрос на авторизацию. Если не ошибаюсь, то путь для авторизации такой: ваш_сайт/oauth/client, где вы передаёте некоторые данные, получаете ключи/токены для api и дальше в каждый запрос передаёте их.
На счёт регистрации всё просто:
1. Регистрация. Делаете регистрацию как хотите. Тут Laravel Passport не нужен. Просто создаёте форму и отправляете по api (без middleware "api") данные и регистрируете.

PS: я давно уже не работал с Laravel Passport, так что я могу где-то ошибиться, да и может быть где-то что-то поменялось.

[Даниил Чашков]

Дмитрий Кузнецов, Так, окей, сразу извиняюсь за глупый вопрос. Если пользователь вошел, то как в компонентах vue отобразить текст, который должен быть виден только авторизированным пользователям?

[Дмитрий Кузнецов]

Даниил Чашков, в vuex (или localstorage или ещё куда нить) сохраняете инфу о том, что пользователь авторизовался. Далее простым условием v-if проверяете, авторизован или нет.

Answer 1

[Александр Филиппенко]

Я как-то делал по этой статье, но потом нашёл решение проще.
Laravel Passport + Nuxt/auth
https://auth.nuxtjs.org/
Да, требуется Nuxt, но зато авторизация из коробки, и настраивается проще некуда.
А jwt - один из режимов работы.

Comments

[karpo518]

Так какой же из способов самый правильный? Вот здесь, например, используется готовый модуль интеграции laravel-nuxt, но написало, что он не поддерживает серверный рендеринг. Значит, предложенное вами решение не является универсальным. Какое готовое решение можно считать проверенным стандартом при реализации авторизации на стеке laravel-vue?

[Александр Филиппенко]

karpo518, слово "правильный" в выборе решений, думаю. неприменимо.
Всё зависит от задачи. laravel-nuxt - решение от стороннего разработчика, ему для его задач, видимо подошло.
Я против склейки фронта и бэка в одно приложение, и не вижу причин почему мог бы не работать серверный рендеринг Nuxt, если он запускается отдельно и использует Лару как API.

[karpo518]

Александр Филиппенко, Ясно. Я только начинаю осваивать связку Laravel + Vue. У меня был опыт работы с Yii. Когда соберу базовое приложение, создам на тостере свой вопрос по авторизации. На мой взгляд, документация по Laravel Pasport не дает достаточно информации для понимания механизма авторизации. Поэтому я и хочу понять, что для данного стека является "best practice"