Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including angular2-social-login with all npm packages installed. Try it out:

require("@angular/core/package.json"); // @angular/core is a peer dependency. require("rxjs/package.json"); // rxjs is a peer dependency. var angular2SocialLogin = require("angular2-social-login")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

angular2-social-login v3.1.1

Simple client side social authentication for Angular2 application.


Simple client side social authentication for Angular2 application based on our previous angular1's angularjs-social-login plugin.

Supported sites:

  • Google
  • Facebook
  • LinkedIN

Getting started


via npm

npm install angular2-social-login --save

Adding angular2-social-login to your project

Add map for angular2-social-login in your systemjs.config

'angular2-social-login': 'node_modules/angular2-social-login/dist/bundles/angular2-social-login.min.js'

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";

let providers = {
    "google": {
      "clientId": "GOOGLE_CLIENT_ID"
    "linkedin": {
      "clientId": "LINKEDIN_CLIENT_ID"
    "facebook": {
      "clientId": "FACEBOOK_CLIENT_ID",
      "apiVersion": "<version>" //like v2.4

  imports: [ 
  declarations: [AppComponent],
  bootstrap: [ AppComponent ]
export class AppModule { 


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";
export class AppComponent implements OnDestroy {
  constructor(public _auth: AuthService){ }
    this.sub = this._auth.login(provider).subscribe(
      (data) => {
                  //user data
                  //name, image, uid, provider, uid, email, token (accessToken for Facebook & google, no token for linkedIn), idToken(only for google)

      (data)=>{//return a boolean value.}



For example please visit


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free