change - AngularJS+OAuth

dynamic title angular 5

Question

Estoy tratando de escribir una solución de inicio de sesión para mi aplicación angular,
Esto significa que el usuario puede conectarse a través de Facebok / Google / Twitter o registrarse normalmente.
Encontré que Angular-OAuth era útil, pero no parecía funcionar con Facebook (o Twitter).

¿Alguien sabe de una solución todo incluido para esto?

Answer 1

Eche un vistazo a oauth.io

• Fácil implementación en Javascript
• Más de 80 proveedores de OAuth
• Rápido y seguro

Answer 2

Hay una alternativa de código abierto gratuito para freemium oauth.io : hello.js

Answer 3

Aquí hay un ejemplo simple usando solo redirecciones con js angulares

Aquí está cómo redirigir a la autenticación

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);
};
});

A continuación se explica cómo manejar el redireccionamiento después de la autenticación

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

Más información completa aquí http://anandsekar.github.io/oauth2-with-angularjs/

Answer 4

Eche un vistazo al proyecto Satellizer en Github. Estoy empezando con esto, parece prometedor.

Utiliza JSON Web Tokens y permite el inicio de sesión con: correo electrónico + contraseña, Facebook, Twitter, Google y cualquier otro proveedor de OAuth 1.0 / 2.0.

El código del lado del cliente resuelve el problema, usted tendrá que implementar el lado del servidor usted mismo. Hay buenas descripciones de los flujos de trabajo y ejemplos de código para muchos idiomas del lado del servidor.