2016-08-27 2 views
3

Так счастлива, что знаю, потому что я получил свою основную систему регистрации/аутентификации.Как я могу хранить JWT и отправлять их с каждым запросом, используя реакцию

поэтому в основном я получил это:

app.post('/login', function(req,res) { 
Users.findOne({ 
email: req.body.email 
}, function(err, user) { 
if(err) throw err; 

if(!user) { 
    res.send({success: false, message: 'Authentication Failed, User not found.'}); 
} else { 
    //Check passwords 
    checkingPassword(req.body.password, user.password, function(err, isMatch) { 
    if(isMatch && !err) { 
     //Create token 
     var token = jwt.sign(user,db.secret, { 
     expiresIn: 1008000 
     }); 
     res.json({success: true, jwtToken: "JWT "+token}); 
    } else { 
     res.json({success: false, message: 'Authentication failed, wrong password buddy'}); 

     } 
    }); 
    } 
}); 
}); 

Тогда я защитить мои/администратора маршрутов и POSTMAN всякий раз, когда я отправить запрос GET с JWT в заголовке все работает отлично.

Теперь вот сложная часть, в основном Когда я собираюсь входить в систему, если этот процесс переадресовывает меня на страницу администратора, и каждый раз, когда я пытаюсь получить доступ к маршрутам admin/*, которые я хочу отправить на сервер, мой jwToken но проблема в том, как мне это достичь? Я не использую редукцию/поток, просто используя реактивный/реактивный маршрутизатор.

Я не знаю, как работает механик.

Спасибо, ребята

+0

Если вы храните маркер в localstorage, это должно быть все, что вам нужно. То же самое с любым приложением, а не просто отреагируйте – azium

+0

waouh, спасибо за ваш быстрый ответ. Как я могу это достичь? и по localstorage он построен в экспресс, поэтому я могу назвать этот метод ..? – MaieonBrix

+0

localstorage - вещь для браузера. когда вы отправляете токен из экспресс-клиента, сохраните токен в хранилище, просто сделав 'localStorage.token = токен'. Затем, когда вы делаете последующие запросы на свой сервер, отправляйте токен, сохраненный из localstorage. Реакция на маршрутизатор docs имеет пример именно этого https://github.com/reactjs/react-router/tree/master/examples/auth-flow – azium

ответ

3

1 Войти компонент отправить запрос для входа на сервер API конечной

2- сервер API конечная точка возвращает маркер

3- я сохранить маркер пользователя в LocalStorage

4- все вызовы API отныне будут иметь в заголовке

Пример: https://github.com/joshgeller/react-redux-jwt-auth-example

 Смежные вопросы

  • Нет связанных вопросов^_^