How to retrieve claims in angular application ? #1236

9 Answer(s)

• 

  0

  maliming created 5 years ago

  Support Team Fullstack Developer

  I saw the claims alreay exists in Local Storage

  @Mehmet How to get it?

  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  Mehmet created 5 years ago

  Hi,

  It can get it like this:

  let idTokenClaims = localStorage.getItem('id_token_claims_obj')
  if (idTokenClaims) {
  idTokenClaims = JSON.parse(idTokenClaims)
  }
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  kaustubh.kale@ness.com created 5 years ago

  Hi Mehmat

  We are not getting claims in localstorage as per you shown above,Their is any other way avialble to get claims in angular application.

  If you want any other information then let me know.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  Mehmet created 5 years ago

  Hi,

  Can you share the local storage with me after logging in? Can you also share the oAuthConfig object in the environment?

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  kaustubh.kale@ness.com created 5 years ago

  Enviorment.ts

  export const environment = { production: false, application: { name: 'Litmus' }, oAuthConfig: { issuer: 'https://localhost:44350', clientId: 'Litmus_App', dummyClientSecret: '1q2w3e*', scope: 'Litmus ProfileManagement InvoiceManagement FinanceManagement', showDebugInformation: true, oidc: false, requireHttps: true }, apis: { default: { url: 'https://localhost:44359' }, profileManagement: { url : 'https://localhost:44398/profile' }, invoiceManagement: { url : 'https://localhost:44324/invoice' } }, localization: { defaultResourceName: 'Litmus' } };

  Localstorage:

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  maliming created 5 years ago

  Support Team Fullstack Developer

  hi

  The access_token also contains user claims. The id_token only available when you're using openid login.

  You can use third library to decode that.

  constructor(
      private oauthService: OAuthService
    ) {
      console.debug('access-token', this.oauthService.getAccessToken());
    }
  

  https://www.npmjs.com/package/jwt-claims https://www.npmjs.com/package/jwt-simple

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  kaustubh.kale@ness.com created 5 years ago

  Hi Mehmat

  Sorry for inconvieniance I put wrong ABP Version for above issue. The current version is ABP Framework version: v3.0.4

  let me know for this version solution is same or not.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  Mehmet created 5 years ago

  Hi

  Did you try @maliming's suggesion?

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  ServiceBot created 5 years ago

  Support Team Automatic process manager

  This question has been automatically marked as stale because it has not had recent activity.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel