Alex alx-andru

👨‍💻

code, deploy, repeat

Helping travellers to move freely. VP Engineering at @joinsherpa. Passion for design, travel, photography and tech

alx-andru / app.module.ts

Last active November 4, 2018 01:38

Modified AppModule to include the HttpInterceptor

alx-andru / home.component.html

Created October 28, 2018 21:29

Modified HomeComponent to check user info and test token

	<p>
	home works!
	</p>
	<button (click)="checkUserInfo()">Check userInfo</button>
	<pre>{{userInfo$ \| async \| json}}</pre>

alx-andru / token-interceptor.service.ts

Last active June 8, 2019 16:51

	// ...
	export class TokenInterceptorService implements HttpInterceptor {
	static OidcInterceptorService: any;
	constructor(private oidcFacade: OidcFacade) {}

	intercept(
	req: HttpRequest<any>,
	next: HttpHandler
	): Observable<HttpEvent<any>> {
	return this.oidcFacade.identity$.pipe(

alx-andru / app.module.ts

Last active November 4, 2018 01:37

App Module after routes are enabled

alx-andru / auth.guard.ts

Last active November 4, 2018 01:37

	...
	export class AuthGuard implements CanActivate {
	constructor(private router: Router, private oidcFacade: OidcFacade) {}

	public canActivate(
	route: ActivatedRouteSnapshot,
	state: RouterStateSnapshot
	): Observable<boolean> \| boolean {
	return this.oidcFacade.waitForAuthenticationLoaded().pipe(
	switchMap(loading => {

alx-andru / login.component.ts

Created October 28, 2018 17:38

alx-andru / login.component.ts

Last active November 4, 2018 01:37

	...
	export class LoginComponent implements OnInit {
	constructor(private oidcFacade: OidcFacade) {}

	ngOnInit() {}

	loginRedirect() {
	this.oidcFacade.signinRedirect();
	}
	}

alx-andru / app.component.ts

Last active November 4, 2018 01:29

Modified app.component.ts after adding routes

	...
	export class AppComponent implements OnInit {
	title = 'DraftApp';
	identity$: Observable<User>;

	constructor(private oidcFacade: OidcFacade) {
	this.identity$ = this.oidcFacade.identity$;
	}

	ngOnInit() {

alx-andru / app.component.html

Created October 28, 2018 17:28

Modified app.component.html with routes

	<button routerLink="/">Home</button>
	<button routerLink="/protected">Protected</button>

	<button (click)="signoutRedirect()">Signout</button>

	<router-outlet></router-outlet>

alx-andru / app.component.html

Created October 26, 2018 13:56

Minimalistic example to signin and signout using ng-oidc-client

	<p>
	login works!
	</p>
	<button (click)="loginRedirect()">Login</button>