6.0.1 • Published 6 years ago
ngx-social-login v6.0.1
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 ngx-social-login
yarn add ngx-social-login
Import the module
Import NgxSocialLoginModule
into your Module
.
You can provide any configuration that is supported by Oauth providers.
Google:
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 ngx-social-login
Add your Google and/or Facebook client id to AppModule's config
yarn / npm install
ng serve