angular2-social-login-ginger
v1.0.3
Published
Simple client side social authentication for Angular2 application.
Downloads
6
Readme
angular2-social-login-ginger
Simple client side social authentication for Angular2 application based on https://www.npmjs.com/package/angular2-social-login angular2-social-login plugin.
Supported sites:
Getting started
Installation
via npm
npm install angular2-social-login-ginger --save
Main module configuration
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { BrowserModule } from '@angular/platform-browser';
import { Angular2SocialLoginModule } from "angular2-social-login-ginger";
let providers = {
"google": {
"clientId": "GOOGLE_CLIENT_ID"
},
"linkedin": {
"clientId": "LINKEDIN_CLIENT_ID"
},
"facebook": {
"clientId": "FACEBOOK_CLIENT_ID",
"apiVersion": "<version>" //like v2.4
}
};
@NgModule({
imports: [
BrowserModule,
Angular2SocialLoginModule
],
declarations: [AppComponent],
bootstrap: [ AppComponent ]
})
export class AppModule {
constructor(){}
}
Angular2SocialLoginModule.loadProvidersScripts(providers);
Component configuration for login()
and logout()
:
For login(provider: string)
provider is required it should be anyone(case-sensitive) "facebook", "google", "linkedin" .
...
import { AuthService } from "angular2-social-login-ginger";
...
@Component({
...
})
export class AppComponent implements OnDestroy {
...
constructor(public _auth: AuthService){ }
signIn(provider){
this.sub = this._auth.login(provider).subscribe(
(data) => {
console.log(data);
//user data
//name, image, uid, provider, uid, email, token (returns tokenId for google, accessToken for Facebook, no token for linkedIn)
}
)
}
logout(){
this._auth.logout().subscribe(
(data)=>{//return a boolean value.}
)
}
...
}
For example please visit https://github.com/heresy/angular2-social-login-example