Angular : How to fire Logout event? #445

9 Answer(s)

• 

  0

  Mehmet created 3 years ago

  Hi @lalitChougule

  You can use the OAuthService's events stream for that. See the example:

  import { Component } from '@angular/core';
  import { OAuthService } from 'angular-oauth2-oidc';
  import { filter } from 'rxjs/operators';
  
  @Component(/* component metadata */)
  export class AppComponent {
    constructor(private oAuthService: OAuthService) {
      this.oAuthService.events
        .pipe(filter((event) => event?.type === 'logout'))
        .subscribe((event) => {
          // logout event fired
        });
    }
  }
  

  Save Cancel
• 

  0

  hung.nguyen created 3 years ago

  hi @Mehmet,

  I try your code but I doesn't work. Nothing happens. Could you please check your code?

  Save Cancel
• 

  0

  Mehmet created 3 years ago

  Hi

  I tried, it is working. See:

  

  The code I placed to the app.component.ts:

  import { Component } from '@angular/core';
  import { OAuthService } from 'angular-oauth2-oidc';
  import { filter, tap } from 'rxjs/operators';
  
  @Component({
    selector: 'app-root',
    template: `
      <abp-loader-bar></abp-loader-bar>
      <abp-dynamic-layout></abp-dynamic-layout>
    `,
  })
  export class AppComponent {
    constructor(private oAuthService: OAuthService) {
      this.oAuthService.events
        .pipe(
          tap(console.warn),
          filter(event => event?.type === 'logout'),
        )
        .subscribe(event => {
          // logout event fired
          alert('event type: ' + event.type);
        });
    }
  }
  

  Since the app redirects to the MVC after logout, you may not see the event result. Please add an alert and test again.

  Save Cancel
• 

  0

  hung.nguyen created 3 years ago

  Hi,

  I do the same, but still nothing happens, no alert. I'm still logged in

  

  Is there some thing more I need to check?

  Save Cancel
• 

  0

  Mehmet created 3 years ago

  What is your app version?

  Save Cancel
• 

  0

  hung.nguyen created 3 years ago

  Ah it is 4.0.0, not as like as this thread's author. And Tiered (MVC) or Identity Server Seperated (Angular) is No

  Save Cancel
• 

  0

  hung.nguyen created 3 years ago

  So, does the version affect the solution?

  Save Cancel
• 

  0

  Mehmet created 3 years ago

  It could be. I can't understand why it isn't working in your app. Please check the angular-oauth2-oidc library documentation out. Maybe you can find an answer.

  Save Cancel
• 

  0

  hung.nguyen created 3 years ago

  Hi, I found it in the link you sent. It is just simple like this

  import { Component } from '@angular/core'; import { OAuthService } from 'angular-oauth2-oidc';

  @Component({ selector: 'app-root', template: <abp-loader-bar></abp-loader-bar> <abp-dynamic-layout></abp-dynamic-layout>, }) export class AppComponent { constructor(private oAuthService: OAuthService) { this.oAuthService.revokeTokenAndLogout(); } }

  Thanks for your support

  Save Cancel