Reactjs - Current User from JWT token

Question

So, I have created a django-rest-framework backend with JWT Authentication and now, I am trying to solve the problem where when user manually provides a URL, I have to check If the user was previously logged in.

So since, I am storing the token to localStorage when the user logged in. I am doing this:

componentDidMount() {
    if (localStorage.getItem('token')) {
        // fetch current user
        this.props.ctx.toggleLoggedIn()
        // this.props.ctx.setUsername('')
    }   
}

If I find a token in localStorage, then I have to fetch the current User and then, toggleLoggedIn and also set the current user's username in the context.

So, I am planning to create another API end-point which provides the current user when a token is given. The problem is I don't know how to start that!

fortysixandtwo · Accepted Answer · 2018-07-27 11:03:07Z

2

It might be that i misunderstand, but for me it seems like you're trying to solve this a bit backwards. When the user login, get token and store this in localStorage. Right after login fetch the user profile and store this as well.

If the user manually provides a url, you should now have both token and user. If you don't have a token or it's expired, redirect to login page and clear local storage.

I would create a higher order component that checks if the token is valid and use this for all "protected" pages.

answered Jul 27, 2018 at 11:03

fortysixandtwo

4855 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Reactjs - Current User from JWT token

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related