Как и когда обновлять токен в Angular 2?

Question

[Максим Тарабрин]

Использую JWT для django. В мануале написано, что есть вариант обновить методом из коробки.

Передаю токен на 127.0.0.1:8000/api-token-refresh/, а мне ошибку в ответ:
orig_iat field is required

И когда обновлять токен? При каждом запросе на сервер делать параллельный запрос на ./api-token-refresh/?

Comments

[Петр]

А причем тут Angular 2, если вопрос по JWT?

[Максим Тарабрин]

Петр: ну просто я делаю запрос на Angular 2. JWT добавил в список тегов.

[Петр]

padr1no: И о каком токене речь? Есть Access token, а есть Refresh token, первый для доступа к ресурсам, а второй для обновления Access token. У Access token есть время жизни, и оно может быть "скользящее". Если Access token просрочен, тогда и запрашиваете новый.

[Максим Тарабрин]

Петр: о каком Refresh токене идёт речь?

[Петр]

padr1no: Тут https://habrahabr.ru/post/267349/ описан пример

Answer 1

[Абдулла Мурсалов]

Вместе с токеном приходит время жизни, приводишь к абсолютному значению, создаешь timer subscription, обновляешь токен с помощью refresh token

Comments

[Максим Тарабрин]

О, круто, спасибо за ответ. А каким образом оно приходит? Оно не в самом токене разве прописывается? там же токен из 3х секций состоит *.*.*
Я пробовал менять токен и смотреть на его изменения, вторая и третья секции менялись. Как время жизни получать?

[Максим Тарабрин]

Я пытался токен обновить передав джанге на заранее настроенный и прописанный путь refresh token, но мне в ответ пришла ошибка о том, что я поле какое то не передал.

Передаю токен на 127.0.0.1:8000/api-token-refresh/, а мне ошибку в ответ:
orig_iat field is required

[Абдулла Мурсалов]

в settings.py

JWT_AUTH = {
    'JWT_ALLOW_REFRESH': True
}

[Максим Тарабрин]

Абдулла Мурсалов: О клёва, я просто не в JWT_AUTH прописывал, а отдельно. А что с временем жизни, из токена надо декодировать?

[Абдулла Мурсалов]

padr1no: ищите в документации

Answer 2

[Евгений Заливадный]

Чтобы получить время жизни токена, как вариант, можно использовать @auth0/angular-jwt:

import {JwtHelperService} from '@auth0/angular-jwt';

export class AuthService {
    private jwtHelper: JwtHelperService;

    constructor(){
        this.jwtHelper = new JwtHelperService();
    }

    getAccessToken(): string {
        return localStorage.getItem('access');
    }

    getAccessTokenExpirationDate(): Date {
        return this.jwtHelper.getTokenExpirationDate(this.getAccessToken());
    }
}