How can I add the JWT authentication in ngx-admin?

Question

I've looking for a while for how I can implement the JWT interceptor and auth guard in the ngx-admin without any success. How can I do that?

I've tried following @WebVbn's tutorial in this thread, Add JWT automatically for every HTTP request #1375, but it didn't work and honestly I'm still kinda new to this whole angular and ngx-admin stuff

score 0 · Answer 1 · answered Apr 29 '19 at 19:55

0

that's how to configure it in your front-end to support JWT.

Of course your back-end should support it, and you can configure your routes as you wish, this is just an example

  export const NB_CORE_PROVIDERS = [
  ...DataModule.forRoot().providers,
  ...NbAuthModule.forRoot({

    strategies: [

      NbPasswordAuthStrategy.setup({
        name: 'email',
        baseEndpoint:"http://localhost:8080/api/",
      requestPass:false,
      logout:{ 
        endpoint:'auth/logout',
        method:'post',
        requireValidToken:true
      },
      resetPass:{
        endpoint:"auth/reset",
        redirect:{
          success:"/",
          failure:"/auth/login"
        }
      },
      refreshToken:{
        endpoint:'auth/refresh',
        method:"post"
      },
        login: {
          endpoint: 'auth/login',
          method:"post",
          redirect:{
            success:"/pages"
          },
          requireValidToken:true
        },
        token: {
          class: NbAuthJWTToken,
          key:'token'
        }
      }),
    ],

answered Apr 29 '19 at 19:55

Or Yaacov

3,597
5
25
49

In which component should i put this? – user10976183 Apr 29 '19 at 19:59
if you cloned ngx-admin, it's right there at core.module.ts – Or Yaacov Apr 29 '19 at 20:00
How about the registration? how can I add the JWT to my registration page(Sorry i don't know how to exactly explain it) – user10976183 Apr 29 '19 at 20:07
As same that I added the login, forget password and logout page. can you please share you back-end code? – Or Yaacov Apr 29 '19 at 20:31
Btw I tried what you told me and it still doesn't work. Now it doesn't automatically redirect me to the admin dashboard but gets stuck in the login saying email or password is incorrect – user10976183 Apr 29 '19 at 23:18
your back-end need to return a valid token in the next structure: {token:"111.111.111"} – Or Yaacov Apr 30 '19 at 13:38

How can I add the JWT authentication in ngx-admin?

1 Answers1