AngularJS + OAuth

Question

I'm trying to write a login solution for my Angular App,
This means to allow the user to connect via Facebook/Google/Twitter or Register normally.
I found Angular-OAuth to be useful, but it didn't seem to work with Facebook (or Twitter).

Anyone knows of an all-inclusive solution for this?

Answer 1

Here is a simple example using just redirects with angular js

Here is how to redirect to authentication

angular.module('angularoauthexampleApp')   .controller('MainCtrl', function ($scope) {     $scope.login=function() {         var client_id="your client id";         var scope="email";         var redirect_uri="http://localhost:9000";         var response_type="token";         var url="https://accounts.google.com/o/oauth2/auth?scope="+scope+"&client_id="+client_id+"&redirect_uri="+redirect_uri+         "&response_type="+response_type;         window.location.replace(url);     };   }); 

Here is how to handle the redirect after authentication

angular   .module('angularoauthexampleApp', [   ])   .config(function ($routeProvider) {     $routeProvider       .when('/access_token=:accessToken', {         template: '',         controller: function ($location,$rootScope) {           var hash = $location.path().substr(1);            var splitted = hash.split('&');           var params = {};            for (var i = 0; i < splitted.length; i++) {             var param  = splitted[i].split('=');             var key    = param[0];             var value  = param[1];             params[key] = value;             $rootScope.accesstoken=params;           }           $location.path("/about");         }       })   }); 

More complete information here http://anandsekar.github.io/oauth2-with-angularjs/