heresy / Angularjs Social Login
Simple social authentication module for AngularJS applications.
Stars: ✭ 55
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Angularjs Social Login
Soqlbuilder
Node.js and AngularJs based Query Builder for Salesforce using OAuth2 and REST API
Stars: ✭ 37 (-32.73%)
Mutual labels: angularjs
Mean Angular4 Chat App
MEAN stack with Angular 4 Chat App
Stars: ✭ 41 (-25.45%)
Mutual labels: angularjs
Klask Io
klask.io is an open source search engine for source code, live demo
Stars: ✭ 45 (-18.18%)
Mutual labels: angularjs
Ts Angular Jsonapi
JsonApi library for AngularJS + Typescript 👌
Stars: ✭ 39 (-29.09%)
Mutual labels: angularjs
Angular Drag Scroll
Lightweight drag to scroll directive for AngularJS
Stars: ✭ 35 (-36.36%)
Mutual labels: angularjs
Ngautocomplete
Light-weight autocomplete component for Angular.
Stars: ✭ 52 (-5.45%)
Mutual labels: angularjs
Electron Boilerplate
An Electron boilerplate project using AngularJS
Stars: ✭ 40 (-27.27%)
Mutual labels: angularjs
Trycode
Open-source realtime collaborative code editor on Babel, NodeJS, AngularJS, Socket.io, ACE - http://trycode.pw
Stars: ✭ 38 (-30.91%)
Mutual labels: angularjs
Umbraco Fluidity
A fluent CRUD user interface generator for Umbraco
Stars: ✭ 44 (-20%)
Mutual labels: angularjs
Samay
Command line Time tracking and reporting. Built using Go(programming language) and protocol buffers.
Stars: ✭ 37 (-32.73%)
Mutual labels: angularjs
Root Bootstrap 4 Admin Template With Angularjs Angular 2 Support
Root is Boostrap 4 Admin Template with Angular 2 and AngularJS support
Stars: ✭ 54 (-1.82%)
Mutual labels: angularjs
Angularjs Github Info
prove of concept using angularjs (1.x) accessing github api
Stars: ✭ 50 (-9.09%)
Mutual labels: angularjs
Ngimageeditor
This is a image editor for angular.It can cut image.
Stars: ✭ 44 (-20%)
Mutual labels: angularjs
AngularJS Social Login (socialLogin)
AngularJS Social Login Module is a simple client side authentication module which helps to authenticate your application using Google/Facebook/LinkedIN. It doesn't maintain any session, session between client application and server should be maintained by yourself after receiving user details from the provider.
Supported sites:
Installation
via npm
npm install angularjs-social-login --save
via bower
bower install angularjs-social-login --save
configure installation
Include JS files:
<script src="bower_components/angularjs-social-login/angularjs-social-login.js"></script>
Then include socialLogin
as a dependency for your app:
angular.module('myApp', ['socialLogin']);
Configuration
Example
app.config(function(socialProvider){
socialProvider.setGoogleKey("YOUR GOOGLE CLIENT ID");
socialProvider.setLinkedInKey("YOUR LINKEDIN CLIENT ID");
socialProvider.setFbKey({appId: "YOUR FACEBOOK APP ID", apiVersion: "API VERSION"});
});
Usage
There are total three directives for handling Google, Facebook, LinkedIn authentication.
- fbLogin (For Facebook)
- gLogin (For Google)
- linkedIn (For LinkedIn)
Methods
socialProvider.setGoogleKey("YOUR GOOGLE CLIENT ID")
socialProvider.setLinkedInKey("YOUR LINKEDIN CLIENT ID")
socialProvider.setFbKey("YOUR FACEBOOK APP ID")
-
$rootScope.$on('event:social-sign-in-success', function(event, userDetails){})
Braodcast event which will be triggered after successful authentication.userDetails
is anObject
consists of{name: <user_name>, email: <user_email>, imageUrl: <image_url>, uid: <UID by social vendor>, provider: <Google/Facebook/LinkedIN>, token: < accessToken for Facebook & google, no token for linkedIN>}, idToken: < google idToken >
-
socialLoginService.logout()
For logout -
$rootScope.$on('event:social-sign-out-success', function(event, logoutStatus){})
Braodcast event which will be triggered after successful logout.
Example
<button g-login type="button">Google Login</button>
<button linked-in type="button">LinkedIn Login</button>
<button fb-login type="button">facebook Login</button>
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].