Android 如何使用ClientID和ClientSecret在Phonegap中使用Angularjs登录Google OAuth2
我正在尝试使用Angularjs(使用Ionic框架)通过Google OAuth2从我的Phonegap应用程序登录。目前我正在使用用于登录的。但是,当我使用Angular UI Router for Ionic时,它会创建非常难看的代码,并且很难理解代码 这个问题似乎在没有任何正确答案的情况下盘旋。我希望现在能解决这个问题。谷歌的人应该帮忙。 最近的主题是,但这不是angularjs的解决方案 我必须使用以下代码传输javascript变量值:Android 如何使用ClientID和ClientSecret在Phonegap中使用Angularjs登录Google OAuth2,android,angularjs,cordova,google-oauth,Android,Angularjs,Cordova,Google Oauth,我正在尝试使用Angularjs(使用Ionic框架)通过Google OAuth2从我的Phonegap应用程序登录。目前我正在使用用于登录的。但是,当我使用Angular UI Router for Ionic时,它会创建非常难看的代码,并且很难理解代码 这个问题似乎在没有任何正确答案的情况下盘旋。我希望现在能解决这个问题。谷歌的人应该帮忙。 最近的主题是,但这不是angularjs的解决方案 我必须使用以下代码传输javascript变量值: var el = docum
var el = document.getElementById('test');
var scopeTest = angular.element(el).scope();
scopeTest.$apply(function(){
scopeTest.user = user;
scopeTest.logged_in = true;
scopeTest.name = user.name;
scopeTest.email = user.email;
});
我这样做的解决方案,其中TestCtrl是登录按钮所在的控制器。这里混合了基于jquery的$.ajax调用,我将改为angualar方式。google_call函数基本上调用google_api,这在phonegap提示中的上述链接中提到
.controller('TestCtrl', function($scope,$ionicPopup) {
$scope.logged_in = false;
$scope.getMember = function(id) {
console.log(id);
};
$scope.test = function(){
$ionicPopup.alert({"title":"Clicked"});
}
$scope.call_google = function(){
googleapi.authorize({
client_id: 'CLIENT_ID',
client_secret: 'CLIENT_SECRET',
redirect_uri: 'http://localhost',
scope: 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email'
}).done(function(data) {
accessToken=data.access_token;
// alert(accessToken);
// $loginStatus.html('Access Token: ' + data.access_token);
console.log(data.access_token);
//$ionicPopup.alert({"title":JSON.stringify(data)});
$scope.getDataProfile();
});
};
$scope.getDataProfile = function(){
var term=null;
// alert("getting user data="+accessToken);
$.ajax({
url:'https://www.googleapis.com/oauth2/v1/userinfo?alt=json&access_token='+accessToken,
type:'GET',
data:term,
dataType:'json',
error:function(jqXHR,text_status,strError){
},
success:function(data)
{
var item;
console.log(JSON.stringify(data));
// Save the userprofile data in your localStorage.
window.localStorage.gmailLogin="true";
window.localStorage.gmailID=data.id;
window.localStorage.gmailEmail=data.email;
window.localStorage.gmailFirstName=data.given_name;
window.localStorage.gmailLastName=data.family_name;
window.localStorage.gmailProfilePicture=data.picture;
window.localStorage.gmailGender=data.gender;
window.localStorage.gmailName=data.name;
$scope.email = data.email;
$scope.name = data.name;
}
});
//$scope.disconnectUser(); //This call can be done later.
};
$scope.disconnectUser = function() {
var revokeUrl = 'https://accounts.google.com/o/oauth2/revoke?token='+accessToken;
// Perform an asynchronous GET request.
$.ajax({
type: 'GET',
url: revokeUrl,
async: false,
contentType: "application/json",
dataType: 'jsonp',
success: function(nullResponse) {
// Do something now that user is disconnected
// The response is always undefined.
accessToken=null;
console.log(JSON.stringify(nullResponse));
console.log("-----signed out..!!----"+accessToken);
},
error: function(e) {
// Handle the error
// console.log(e);
// You could point users to manually disconnect if unsuccessful
// https://plus.google.com/apps
}
});
};
})
我为那些在尝试使用Google OAuth2登录时遇到类似问题的新手提供了这个答案。所以无耻地要求投票,因为我也是新来的 作为一名noob同事询问,您为什么在Angular的$http,get(…)上使用jQueryAjax调用?实际上,这可以用$http.get(…)代替,它有一个成功函数和一个错误函数。我也不知道我什么时候做的!谢谢你的提醒。