Ionic Framework Google Plus + Api Fonksiyonu

controller("OauthExample", function($scope, $cordovaOauth, $http) {

    $scope.googleLogin = function() {
        $cordovaOauth.google("YOUR CLIENTID", ["https://www.googleapis.com/auth/userinfo.email", "https://www.googleapis.com/auth/userinfo.profile"]).then(function(result) {
            window.localStorage.setItem("access_token", result.access_token);
            $scope.token=JSON.stringify(result);

        }, function(error) {
            console.log(error);
        });
    }


        $scope.getProfileInfo = function() {
            console.log(window.localStorage.getItem('access_token'));
        $http.defaults.headers.common.Authorization = "Bearer " + window.localStorage.getItem("access_token");
        $http.get("https://www.googleapis.com/oauth2/v1/userinfo?alt=json")
            .success(function(data) {
                console.log(data);
                console.log(data.email);
            })
            .error(function(error) {
                console.log(error);
            });
    }

});

Ionic Framework İşletim Sistemi Sogulama

           Kodlarımızı yazarken if kontolü içinde aşağıda değerleri kullanarak sistemin çalıştığı işletim sistemini bulabiliriz.

  var isWebView = ;
  var isIPad = ionic.Platform.isIPad();
  var isIOS = ionic.Platform.isIOS();
  var isAndroid = ionic.Platform.isAndroid();
  var isWindowsPhone = ionic.Platform.isWindowsPhone();

 

if (ionic.Platform.isWebView()) {} //web tarayıcı

if (ionic.Platform.isIPad()) {}//ipad 

if (ionic.Platform.isIOS()) {}//ios

if (ionic.Platform.isAndroid()) {}//android

if (ionic.Platform.isWindowsPhone()) {}//wp 

Ayrıca sistem hakkında daha fazla bilgi almak için 

var aygitbilgisi= ionic.Platform.device();

var gecerli_platform= ionic.Platform.platform();
var gecerli_platformVersion = ionic.Platform.version(); 

değişkeninlerini kullanabilriz. 

Ionic Framework ile sayfa değiştirirken işlem yapmak ( Using $ionicView )

          $scope.$on('$ionicView.beforeLeave', function () {
                alert("Sayfa (controller) değişiminden önce olacak sonhareket bu");
               
            });

            $scope.$on('$ionicView.afterLeave', function () {
                alert("Sayfa (controller) değişiminden sonra olacak ilk hareket bu");
            });

Ionic Framework CORS Problemi ve Çözümü

Sizde benim gibi veri alışverişi esnasında CORS hatası alıyorsanız eğer  server tarafında istek yapılan sunucuya alttaki header bilgilerini girin.


header('Access-Control-Allow-Headers: X-ACCESS_TOKEN, Access-Control-Allow-Origin, Authorization, Origin, x-requested-with, Content-Type, Content-Range, Content-Disposition, Content-Description');
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');
header('Access-Control-Allow-Origin: *');



eğer çözüm olmadıysa app.js dosyamıza

.config(function($stateProvider, $urlRouterProvider, $httpProvider) {
    //Enable cross domain calls
    $httpProvider.defaults.useXDomain = true;
    $httpProvider.defaults.headers.common['Access-Control-Allow-Origin'] = '*';
    $httpProvider.defaults.useXDomain = true;
    delete $httpProvider.defaults.headers.common['X-Requested-With'];
})

kod bloğunu ekleyip deneyin.