How to get OAuth token to call APi from Angular application

snehal.libra · October 14, 2020, 1:59pm

Hi Team,

We have an angular application that is using SAML authentication using auth0 IDP.

Now, We need to call some API from same Angular application after the login. This api is expecting OAuth token from auth0 in authorization header. We are stuck how to get this OuAth token from angular application after authentication done from SAML.

Can you please provide some sample code for this. Also if posible please provide example that will return OAuth token in call response we do not want to use callback.

Regards,
Manish

dan.woda · October 14, 2020, 8:21pm

Hi @snehal.libra,

Have you looked at using this method:

github.com

auth0/auth0-angular/blob/78dc223c6a43e0e1a6d87bc67f97647402695d91/projects/auth0-angular/src/lib/auth.service.ts#L217


 *
 * If an `audience` value is given to this function, the SDK always falls
 * back to using an iframe to make the token exchange.
 *
 * Note that in all cases, falling back to an iframe requires access to
 * the `auth0` cookie, and thus will not work in browsers that block third-party
 * cookies by default (Safari, Brave, etc).
 *
 * @param options The options for configuring the token fetch.
 */
getAccessTokenSilently(
  options?: GetTokenSilentlyOptions
): Observable<string> {
  return of(this.auth0Client).pipe(
    concatMap((client) => client.getTokenSilently(options))
  );
}

/**
 * ```js
 * getTokenWithPopup(options).subscribe(token => ...)

snehal.libra · October 16, 2020, 5:03am

i am new to this.

is it safe to use this. as i see that it’s in BETA and note about not to use in Production. do we have any other alternative for this SDK? can we do similar “getAccessTokenSilently” via auth0.js ?

dan.woda · October 16, 2020, 4:29pm

I must have linked the wrong page. The angular SDK is on release v1.1

Here is the SDK repo if you want to take a looks: