buttons - paginas web con angularjs

Agregar inicio de sesión de google plus a la aplicación iónica

Question

Estoy tratando de agregar google plus login a mi ionic app . Seguir este enlace me da un error.

https://ionicthemes.com/tutorials/about/google-plus-login-with-ionic-framework

El error es: cannot read property googleplus of undefined.

Aquí está mi app.js :

.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
cordova.plugins.Keyboard.disableScroll(true);
}
if (window.StatusBar) {
// org.apache.cordova.statusbar required
StatusBar.styleDefault();
}
});
})

Answer 1

1 primero agrega inappbrower en tu aplicación

2 crear id de aplicación para la consola de google https://console.developers.google.com

a: crear nuevo proyecto

b: haga clic en Credenciales

c: elija la aplicación web

d: establezca la ruta de redireccionamiento si tiene, si no es así, establezca localhost/callback

e: haga clic en el botón Crear que aparece una ventana emergente, guarde esos ID después de eso, agregue el siguiente código

NOTA: Cambie la identificación de su aplicación y la identificación secreta en el código

$scope.loginGoogle = function() {
var requestToken = '''';
var accessToken = '''';
var clientId = ''1018908884240-futc1bfc681kl2jegi3a7nn1m28aem1o.apps.googleusercontent.com'';
var clientSecret = ''KRQGDwu_llvagUucKM9oLZ7I'';
var deferred = $q.defer();
$cordovaOauth.google(clientId, [''email'']).then(function(result) {
$localStorage.accessToken = result.access_token;
deferred.resolve(result.access_token);
$http.get(''https://www.googleapis.com/oauth2/v1/userinfo?alt=json&access_token='' + $localStorage.accessToken, {
params: {
format: ''json''
}
}).then(function(result) {
console.log(JSON.stringify(result));
var id =result.data.id;
deferred.resolve(result.data);
}, function(error) {
deferred.reject({
message: ''here was a problem getting your profile'',
response: error
});
});
}, function(error) {
deferred.reject({
message: ''There was a problem signing in'',
response: error
});
});
}

Answer 2

Intente agregar <script src="cordova.js"></script> a su archivo index.html. Y los complementos de Cordova solo se ejecutan en emuladores o dispositivos reales. prueba Ripple Emulator si quieres probarlo en un navegador.

El crédito a los complementos de Cordova no funciona con iónico

Answer 3

Pasos para configurar la autenticación en el dispositivo (android)

1. ionic start newApp
2. ionic platform add android
3. cordova plugin add cordova-plugin-inappbrowser
4. bower install ngCordova
5. bower install ng-cordova-oauth -S

6. incluya ambos scripts en index.html arriba de cordova.js

   <script src="lib/ngCordova/dist/ng-cordova.min.js"></script>
   <script src="lib/ng-cordova-oauth/dist/ng-cordova-oauth.js"></script>
   <script src="cordova.js"></script>

7. Inyección de dependencia

8. incluir debajo del código

   $scope.googleLogin = function() {
   console.log(''In My Method'');
   $cordovaOauth.google("Client ID", ["https://www.googleapis.com/auth/urlshortener", "https://www.googleapis.com/auth/userinfo.email"]).then(function(result) {
   console.log(JSON.stringify(result));
   // results
   }, function(error) {
   // error
   console.log(''In Error'');
   console.log(error);
   });
   }

9. botón agregar para ver el archivo y llamar a la función