Logout functionality is not working using Okta

arpitsaxena · May 31, 2022, 1:53pm

Hi Okta team, Good morning/Good evening.

We need your expertise here regarding our logout functionality.
We are using Okta libs in our Angular based web app. Could you please advise us, thank you.
Please let us know what else would be needed.

this.oktaAuth.loginRedirect()
this.oktaAuth.logout();

alisaduncan · May 31, 2022, 2:01pm

Hi there!

Can you share what problem you’re seeing with this code? Are you seeing any errors in the DevTools console or in the Network tab?

Here’s a minimal GitHub repo with working sign in and sign out functionality in Angular.

The sign in and sign out code can be found here

github.com

okta-samples/okta-angular-quickstart/blob/main/src/app/app.component.ts

import { Component, Inject, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { OktaAuthStateService, OKTA_AUTH } from '@okta/okta-angular';
import { AuthState, OktaAuth } from '@okta/okta-auth-js';
import { filter, map, Observable } from 'rxjs';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  title = 'okta-angular-quickstart';
  public isAuthenticated$!: Observable<boolean>;

  constructor(private _router: Router, private _oktaStateService: OktaAuthStateService, @Inject(OKTA_AUTH) private _oktaAuth: OktaAuth) { }

  public ngOnInit(): void {
    this.isAuthenticated$ = this._oktaStateService.authState$.pipe(
      filter((s: AuthState) => !!s),

This file has been truncated. show original

arpitsaxena · May 31, 2022, 2:04pm

Thank you for the lightning fast response. My team is going through this, will get back.

Mamatha · June 1, 2022, 10:22am

Please give me advice how to implement logout functionality in @okta/okta-angular: “1.2.2”.

arpitsaxena · June 1, 2022, 10:57am

Hi @alisaduncan
We are bound to use the version @okta/okta-angular: “1.2.2”.
can you please advice how to implement logout using that please
since signout function is not in 1.2.2

alisaduncan · June 1, 2022, 5:23pm

Hi @arpitsaxena and @Mamatha ,

Can you please provide what errors or behavior you are seeing?

I tested by creating an Angular v8 app, added @okta/okta-angular@1.2.2, and followed the directions on the ReadMe for the library version. I am able to sign in and sign out successfully.