Как вы меняете то, что отображается на внешнем (угловом) представлении, основанном на свойствах вашего токена JWT?

Question

Я довольно новичок в работе с токенами. Просто начал учиться вчера.

У меня есть API-интерфейс Express. Я понимаю, что токен мешает кому-либо получить доступ к данным по данным данных конечной точки/json API ... Но как я могу читать/расшифровывать JWT, когда он находится на угловой стороне?

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

Единственный способ, по которому я вижу это, состоит в том, что JWT, содержащий объект пользователя, может быть декодирован на фронте/конце, тогда у меня есть доступ к переменным с декодированными свойствами JWT. I.E., имя пользователя и идентификатор пользователя. Таким образом, на страницу просмотра, оказываемый в Угловом, я могу закодировать логики, такие как: `` `

if (decodedJWT.user.username === event.creator.username) { 
DO SOMETHING HERE LIKE DISPLAY A CERTAIN BUTTON 
} 

` ``

Спасибо.

Answer 1

Вы должны создать точку API в вашем nodeJS интерфейсе, который будет возвращать данные пользователя, если он вошел в систему:

app.use('/userinfo', expressJwt({secret: secret})); 

Здесь вы убедитесь, что /userinfo защищен JWT и секретный фразой.

Затем маршрут, соответствующий этой возвращает API информации пользователя:

router.get('/get', function (request, response) { 
    response.json({ 
    id: request.user.id, 
    name: request.user.nom, 
    email: request.user.email, 
    role: request.user.role 
    }); 
}); 

Полный API находится в /userinfo/get и обеспечивается с помощью маркеров JWT.

В angularJS вам просто нужно сделать запрос к этому API с помощью простой $http.get('/userinfo/get'), который возвращает объект пользователя или ошибка с сервера, если не вошли в систему.

Конечно, вы должны pass the token to all your $http requests.