Javascript oAuth使用Google API创建混合应用程序

Javascript oAuth使用Google API创建混合应用程序,javascript,android,html,authentication,oauth,Javascript,Android,Html,Authentication,Oauth,我正在尝试使用GoogleOAuth创建一个登录页面。 为此,我创建了一个clientID。 在ClientID中,我为Android创建了一个应用程序,因为我相信我的应用程序将在Android设备上运行 创建客户端Id->安装的应用程序->Android 我已经完成了keytooling并与SHA1签署了它,并创建了一个clientID 然后我创建了一个公共API访问。在这里,我创建了一个Android密钥。我已经提供了com名称和SHA1详细信息。由于我使用的是INTEL XDK,因此很容易

我正在尝试使用GoogleOAuth创建一个登录页面。 为此,我创建了一个clientID。 在ClientID中,我为Android创建了一个应用程序,因为我相信我的应用程序将在Android设备上运行

创建客户端Id->安装的应用程序->Android

我已经完成了keytooling并与SHA1签署了它,并创建了一个clientID

然后我创建了一个公共API访问。在这里,我创建了一个Android密钥。我已经提供了com名称和SHA1详细信息。由于我使用的是INTEL XDK,因此很容易从那里获得COM名称窗格

在我的javascript代码中,我做了类似的事情来构造URL

var clientID=客户机_id=;变量响应类型= &响应类型=代码;var scope=&scope=profile;变量范围 =&scope=;var redirectURL=&redirect_uri=urn:ietf:wg:oauth:2.0:oob;变量url =https://accounts.google.com/o/oauth2/auth?+clientID+responeType+scope+redirectURL+&审批提示=auto

然后我使用了一个XhreQuest来调用这个URL

var xhr=新的XMLHttpRequest;openGET,url,false; xhr.onload=函数{ ifxhr.readyState==4&&xhr.status==200 { console.logthis.response; var resp=此响应

  }   }     xhr.onerror = function(e)   {
alert("Error : "+e)   }   xhr.send();
我有一个带有事件侦听器的按钮。 我不熟悉android,尤其是oAuth。我经常会犯这样的错误 作为

请复制此代码,切换到您的应用程序并将其粘贴到:

当我点击按钮时,我没有看到任何来自谷歌的请求许可的登录页面 但我可以在console.log中看到数据

我在这里做错了什么

如果有任何方法可以使用html5创建混合应用程序,请分享。 也请告诉我,如果我这样做写或错误。请指导我

-S

您可以将此jQuery插件用于Oauth2:

它与

您所要做的就是使用Oauth客户机参数修改下面的调用,回调将具有开始调用的访问令牌

$.oauth2({
    auth_url: 'https://accounts.google.com/o/oauth2/auth',
    response_type: 'code',
    token_url: 'https://accounts.google.com/o/oauth2/token',
    logout_url: 'https://accounts.google.com/logout',
    client_id: 'CLIENT-ID-FROM-GOOGLE',
    client_secret: 'CLIENT-SECRET-FROM-GOOGLE',
    redirect_uri: 'http://www.yourwebsite.com/oauth2callback',
    other_params: {scope:'profile'}
}, function(token, response){
    makeAPICalls(token);
}, function(error, response){
    alert(error);
});