Создание аутентификации на Vue+Express?

Question

[Андрей]

Не могу понять, что и где использовать, для создания аутентификации/авторизации, когда отдельно API на Express, и клиент на Vue.
Нужен Passport.js, но какую стратегию использовать? Passport-local или passport-jwt? Если jwt, то в каком месте передавать токен? Можно ли без jwt? Как его проверять? Нужен ли Vuex, или для создания простой аутентификации можно обойтись без него? Перелопатил кучу уроков, но внятного мало. Создал простенькую регистрацию, хеширую пароли и всё. На авторизации стопорюсь уже раз в третий, после чего откладываю этот вопрос. Хотя это самое интересное в разработке)

Основной затык сейчас с passport.js именно в роуте логина.

app.post('/profile', passport.authenticate('jwt', { session: false }),
    function(req, res) {
        res.send(req.user.profile);
    }
);

Мне совершенно непонятно, где он здесь должен принимать учетные данные для проверки. По виду какая-то магия - passport.authenticate => ВЖУХ => вы вошли. :/

Да, есть отдельный файл passport.js, но там всё еще страшнее.

Comments

[Алексей]

Где магия то?
Вы в POST запросе передаете данные с формы в req, passport.authenticate их обрабатывает и возвращает callback.

[Андрей]

Не совсем очевидно было, что именно данный метод принимает.

Answer 1

[lavezzi1]

Вот вариант как реализовать авторизацию на стороне Vue – https://medium.com/@pavelgonzales/best-practices-%...

Тоже самое можно легко найти по Express. И отталкиваться от ваших нужд.

Answer 2

[Дмитрий Макаров]

jwt сложнее, куки проще и работают везде

Answer 3

[Renhor]

Я сам недавно разбирался с вопросом. Конкретно в вашем куске кода, вы должны с клиента передавать ваш JWT токен, паспорт его расшифровывает, и если он совпадает с нужным пользователем - то вы прошли авторизацию. При этом, насколько я понял, подделать этот токен, не зная секретного ключа - нельзя, только украсть.

Подробные уроки, которые помогли мне - Здесь

Примерно с 42-43 урока