Using Okta SKD with @angular/http

Questions
1

It seems that all examples are using @angular/common/http is there an example on how to use Okta SDK with older @angular/http?

The issue I am having is that I don’t want to change my methods to async/await and hence can’t execute await this.oktaAuth.getAccessToken();

I understand it is possible to extend http and implement “Interceptor” functionality but is there an example of how to do that with Okta SDK?

thanks

2

Try:

this.oktaAuth.getAccessToken().then(() => {
  // do something
});

auth-interceptor.ts

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';

import { AuthService } from 'auth';

import { LoggerService } from 'utils';

@Injectable()
export class AuthInterceptor implements HttpInterceptor {

  constructor(private authService: AuthService,
              private logger: LoggerService) {

    this.logger.info('AuthInterceptor: constructor()');
  }

  intercept(req: HttpRequest<any>, next: HttpHandler) {

    const accessToken = this.authService.getAccessToken();

    if (accessToken) {

      this.logger.info('AuthInterceptor: intercept() Bearer ' + accessToken);

      const authReq = req.clone({ setHeaders: { Authorization: 'Bearer ' + accessToken } });
      return next.handle(authReq);
    }

    return next.handle(req);
  }

}

The Angular wrapper for @okta/okta-auth-js doesn’t support the Authorisation Code flow with PKCE so you will need to write your own wrapper for @okta/okta-auth-js.

For example: Angular Wrapper for Okta Auth JavaScript SDK

Auth Resources