https://github.com/heresy/angular2-social-login
Simple client side social authentication for Angular2 application.
https://github.com/heresy/angular2-social-login
angular angular2 angular2-social-login angular4 angular4-social-login social-login
Last synced: 11 months ago
JSON representation
Simple client side social authentication for Angular2 application.
- Host: GitHub
- URL: https://github.com/heresy/angular2-social-login
- Owner: heresy
- Created: 2016-11-20T18:58:44.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-02-18T09:25:43.000Z (about 8 years ago)
- Last Synced: 2025-03-30T16:46:43.069Z (about 1 year ago)
- Topics: angular, angular2, angular2-social-login, angular4, angular4-social-login, social-login
- Language: TypeScript
- Homepage:
- Size: 29.3 KB
- Stars: 30
- Watchers: 5
- Forks: 38
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# angular2-social-login
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
### Installation
#### via npm
```shell
npm install angular2-social-login --save
```
### Adding angular2-social-login to your project
Add `map` for **`angular2-social-login`** in your `systemjs.config`
```javascript
'angular2-social-login': 'node_modules/angular2-social-login/dist/bundles/angular2-social-login.min.js'
```
### Main module configuration
```javascript
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": "" //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" .
```javascript
...
import { AuthService } from "angular2-social-login";
...
@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 (accessToken for Facebook & google, no token for linkedIn), idToken(only for google)
}
)
}
logout(){
this._auth.logout().subscribe(
(data)=>{//return a boolean value.}
)
}
...
}
```
For example please visit https://github.com/heresy/angular2-social-login-example