JAVASCRIPT

using fb login with angular app

npm install --save angularx-social-login

using fb login with angular app

const config = new AuthServiceConfig([
  {
    id: FacebookLoginProvider.PROVIDER_ID,
    provider: new FacebookLoginProvider('2203659926599837')
  }
]);

export function provideConfig() {
  return config;
}

using fb login with angular app

providers: [
  {
    provide: AuthServiceConfig,
    useFactory: provideConfig
  }
],

using fb login with angular app

import {
  MatIconModule,
  MatButtonModule,
  MatCardModule } from '@angular/material';

using fb login with angular app

imports: [
  ...
  MatIconModule,
  MatButtonModule,
  MatCardModule
],

using fb login with angular app

import { AuthService, FacebookLoginProvider, SocialUser } from 'angularx-social-login';

using fb login with angular app

export class AppComponent implements OnInit {
  ...
}

using fb login with angular app

signInWithFB(): void {
  this.authService.signIn(FacebookLoginProvider.PROVIDER_ID);
}

signOut(): void {
  this.authService.signOut();
}

using fb login with angular app

ngOnInit() {
  this.authService.authState.subscribe((user) => {
    this.user = user;
    this.loggedIn = (user != null);
    console.log(this.user);
  });
}