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