8.0.1 • Published 5 years ago

ng8-social-login v8.0.1

Weekly downloads
15
License
-
Repository
-
Last release
5 years ago

NgxSocialLogin npm version

This module's intention is to provide an easy to use social login service, which can be integrated easily into any environment.

This project has been inspired by Angularx Social Login

Getting started

Install via npm/yarn

npm install --save ng8-social-login
yarn add ng8-social-login

Import the module

Import NgxSocialLoginModule into your Module. You can provide any configuration that is supported by Oauth providers.

Google:

Facebook:

@NgModule({
    declarations: [ ... ],
    imports: [
        ...
        NgxSocialLoginModule.init(
            {
                google: {
                    client_id: 'YOUR_CLIENT_ID'
                },
                facebook: {
                    initOptions: {
                        appId: 'YOUR_APP_ID'
                    }
                }
            }
        )
        ...
    ],
    providers: [ ... ]
})
export class AuthModule {
}

How to use

@Component({
  selector: 'app-login-page',
  templateUrl: './app-login-page.component.html',
  styleUrls: ['./app-login-page.component.css']
})
export class LoginPageComponent {

    constructor(private _service: SocialLoginService) {}

      loginWithFacebook(): void {
          this._service.login(Provider.FACEBOOK).subscribe(user => console.log(user));
      }

      loginWithGoogle(): void {
          this._service.login(Provider.GOOGLE).subscribe(user => console.log(user));
      }

      logout(): void {
          this._service.logout().subscribe({
               complete: ()=> console.log('Logout success'),
               error: err => console.log(err)
           });
      }

}

Demo

git clone https://github.com/wermerb/ngx-social-login.git
cd ng8-social-login
Add your Google and/or Facebook client id to AppModule's config
yarn / npm install
ng serve