Fixed #57: now refresh jwt token on page refresh

api/config/api_urls.py

@@ -46,9 +46,8 @@ v1_patterns += [
         include(
             ('funkwhale_api.users.api_urls', 'users'),
             namespace='users')),
-    url(r'^token/',
-        jwt_views.obtain_jwt_token),
-    url(r'^token/refresh/', jwt_views.refresh_jwt_token),
+    url(r'^token/$', jwt_views.obtain_jwt_token, name='token'),
+    url(r'^token/refresh/$', jwt_views.refresh_jwt_token, name='token_refresh'),
 ]
 
 urlpatterns = [

api/tests/users/test_views.py

@@ -62,3 +62,38 @@ def test_can_fetch_data_from_api(client, factories):
     assert payload['name'] == user.name
     assert payload['permissions']['import.launch']['status']
     assert payload['permissions']['settings.change']['status']
+
+
+def test_can_get_token_via_api(client, factories):
+    user = factories['users.User']()
+    url = reverse('api:v1:token')
+    payload = {
+        'username': user.username,
+        'password': 'test'
+    }
+
+    response = client.post(url, payload)
+    assert response.status_code == 200
+    assert '"token":' in response.content.decode('utf-8')
+
+
+def test_can_refresh_token_via_api(client, factories):
+    # first, we get a token
+    user = factories['users.User']()
+    url = reverse('api:v1:token')
+    payload = {
+        'username': user.username,
+        'password': 'test'
+    }
+
+    response = client.post(url, payload)
+    assert response.status_code == 200
+
+    token = json.loads(response.content.decode('utf-8'))['token']
+    url = reverse('api:v1:token_refresh')
+    response = client.post(url,{'token': token})
+
+    assert response.status_code == 200
+    assert '"token":' in response.content.decode('utf-8')
+    # a different token should be returned
+    assert token in response.content.decode('utf-8')

front/package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "dateformat": "^2.0.0",
     "js-logger": "^1.3.0",
+    "jwt-decode": "^2.2.0",
     "lodash": "^4.17.4",
     "semantic-ui-css": "^2.2.10",
     "vue": "^2.3.3",

front/src/store/auth.js

 import Vue from 'vue'
+import jwtDecode from 'jwt-decode'
 import config from '@/config'
 import logger from '@/logging'
 import router from '@/router'
 
 const LOGIN_URL = config.API_URL + 'token/'
+const REFRESH_TOKEN_URL = config.API_URL + 'token/refresh/'
 const USER_PROFILE_URL = config.API_URL + 'users/users/me/'
 
 export default {
@@ -13,7 +15,8 @@ export default {
     username: '',
     availablePermissions: {},
     profile: null,
-    token: ''
+    token: '',
+    tokenData: {}
   },
   getters: {
     header: state => {
@@ -32,6 +35,7 @@ export default {
     },
     token: (state, value) => {
       state.token = value
+      state.tokenData = jwtDecode(value)
     },
     permission: (state, {key, status}) => {
       state.availablePermissions[key] = status
@@ -70,6 +74,7 @@ export default {
         commit('token', jwt)
         logger.default.info('Logged back in as ' + username)
         dispatch('fetchProfile')
+        dispatch('refreshToken')
       } else {
         logger.default.info('Anonymous user')
         commit('authenticated', false)
@@ -90,6 +95,15 @@ export default {
       }, (response) => {
         logger.default.info('Error while fetching user profile')
       })
+    },
+    refreshToken ({commit, dispatch, state}) {
+      let resource = Vue.resource(REFRESH_TOKEN_URL)
+      return resource.save({}, {token: state.token}).then(response => {
+        logger.default.info('Refreshed auth token')
+        commit('token', response.data.token)
+      }, response => {
+        logger.default.error('Error while refreshing token', response.data)
+      })
     }
   }
 }