ng8-social-login
v8.0.1
Published
This a simple, easy to use social login module.
Downloads
12
Maintainers
Readme
NgxSocialLogin
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:
- https://developers.google.com/identity/sign-in/web/reference#gapiauth2clientconfig
Facebook:
- https://developers.facebook.com/docs/javascript/reference/FB.init/v2.12
- https://developers.facebook.com/docs/reference/javascript/FB.login/v2.12#params
@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