Usage

Example

How to integrate OIDC Client

npm install angular-auth-oidc-client --save

import{AuthModule,LogLevel,OidcConfigService}from'angular-auth-oidc-client';import{APP_INITIALIZER,NgModule}from'@angular/core';import{environment}from'../environments/environment';...exportfunctionconfigureAuth(oidcConfigService:OidcConfigService){return()=>{oidcConfigService.withConfig({stsServer:environment.stsServer,redirectUrl:window.location.origin,clientId:environment.clientId,scope:'openid profile email',responseType:'code',triggerAuthorizationResultEvent:true,postLogoutRedirectUri:`${window.location.origin}/#/login`,startCheckSession:false,silentRenew:true,silentRenewUrl:`${window.location.origin}/silent-renew.html`,postLoginRoute:'/',forbiddenRoute:'/forbidden',unauthorizedRoute:'/unauthorized',logLevel:LogLevel.Debug,historyCleanupOff:true,autoUserinfo:true});}}...@NgModule({imports:[    ...AuthModule.forRoot()],

import{OidcSecurityService}from'angular-auth-oidc-client';...exportclassAppComponentimplementsOnInit{  ...ngOnInit(){        ...//Check if user is authenticate otherwise redirect to login pagethis.oidcSecurityService.checkAuth().subscribe((isAuthenticated)=>{if(!isAuthenticated){if('/login'!==window.location.pathname){this.write('redirect',window.location.pathname);this.router.navigate(['/login']);}}if(isAuthenticated){this.navigateToStoredEndpoint();}});}privatenavigateToStoredEndpoint(){constpath=this.read('redirect');if(this.router.url===path){return;}if(path.toString().includes('/unauthorized')){this.router.navigate(['/']);}else{this.router.navigate([path]);}}privateread(key:string):any{constdata=localStorage.getItem(key);if(data){returnJSON.parse(data);}return;}privatewrite(key:string,value:any):void{localStorage.setItem(key,JSON.stringify(value));}}

import{LoginComponent}from'./views/login/login.component';...declarations:[    ...LoginComponent,    ...],