Adicionando google plus login ao aplicativo iônico

Estou tentando adicionar o google plus login ao meu ionic app . Seguir este link me dá um erro.

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

O erro é: cannot read property googleplus of undefined. é cannot read property googleplus of undefined.

Aqui está o meu 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(); } }); }) 

Etapas para configurar a autenticação no 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. inclua ambos os scripts em index.html acima de cordova.js

        
  7. dependency injection

  8. inclua abaixo o 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. adicione o botão para ver o arquivo e chamar a function

1 primeiro adicione inappbrower no seu aplicativo

2 criar ID do aplicativo para o console do Google https://console.developers.google.com

a: criar novo projeto

b: clique em Credenciais

c: escolha aplicativo da web

d: definir o caminho de redirecionamento se você tiver, se não, que definir http: // localhost / callback

e: clique no botão criar do que um pop-up aparecer salvar esses id depois que adicionar o seguinte código

NOTA: Por favor, altere o id do seu aplicativo e o código secreto no 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 }); }); } 

Tente adicionar ao seu arquivo index.html. E os plug-ins do Cordova só são executados em emuladores ou dispositivos reais. tente o emulador de ondulação se você quiser testá-lo em um navegador.

Crédito para os plugins Cordova não funcionam com ionic