Neutrinos Peludos Magnéticos

    angular2-social-login-ginger
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.3 • Public • Published

    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:

    • Google
    • Facebook
    • LinkedIN

    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

    Install

    npm i angular2-social-login-ginger

    DownloadsWeekly Downloads

    1

    Version

    1.0.3

    License

    ISC

    Last publish

    Collaborators

    • oieman
    • waylander