Question

我们正尝试使用任何Google帐户登录我的worklight混合移动示例应用程序。

屏幕截图下面我们创建google gmail API和创建OAuth 2.0客户端ID的步骤

<!DOCTYPE HTML>
<html>
    	<head>
    		<meta charset="UTF-8">
    		<title>LoginSN</title>
    		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    		<!--
    			<link rel="shortcut icon" href="images/favicon.png">
    			<link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 
    		-->
    		<link href="jqueryMobile/jquery.mobile-1.4.5.css" rel="stylesheet">
    		<link rel="stylesheet" href="css/main.css">
    		<script>window.$ = window.jQuery = WLJQ;</script>
    		<script src="jqueryMobile/jquery.mobile-1.4.5.js"></script>
    		<script src="https://apis.google.com/js/client.js?onload=checkAuth"/></script>
    		<meta name="manifest" content="./google-services.json" />
        
			<script type="text/javascript">
			
				var CLIENT_ID = '<349212001841-2n2vc099on8m0qkms753bdbr60ecnf5o.apps.googleusercontent.com>';
			
				var SCOPES = [ 'https://www.googleapis.com/auth/gmail.readonly' ];
			
				function checkAuth() {
					gapi.auth.authorize({
						'client_id' : CLIENT_ID,
						'scope' : SCOPES.join(' '),
						'immediate' : true
					}, handleAuthResult);
				}
			
				function handleAuthResult(authResult) {
					var authorizeDiv = document.getElementById('authorize-div');
					if (authResult && !authResult.error) {
						authorizeDiv.style.display = 'none';
						loadGmailApi();
					} else {
						authorizeDiv.style.display = 'inline';
					}
				}
			
				function handleAuthClick(event) {
					gapi.auth.authorize({
						client_id : CLIENT_ID,
						scope : SCOPES,
						immediate : false
					}, handleAuthResult);
					return false;
				}
			
				function loadGmailApi() {
					gapi.client.load('gmail', 'v1', listLabels);
				}
			
				function listLabels() {
					var request = gapi.client.gmail.users.labels.list({
						'userId' : 'me'
					});
			
					request.execute(function(resp) {
						var labels = resp.labels;
						appendPre('Labels:');
			
						if (labels && labels.length > 0) {
							for (i = 0; i < labels.length; i++) {
								var label = labels[i];
								appendPre(label.name)
							}
						} else {
							appendPre('No Labels found.');
						}
					});
				}
			
			function appendPre(message) {
					var pre = document.getElementById('output');
					var textContent = document.createTextNode(message + '\n');
					pre.appendChild(textContent);
				}
			</script>

</head>
		
    	<body style="display: none;">
    	
    		<div data-role="page" id="loginPage">
    			<div data-role="content" style="padding: 15px">
    				<h1 id="fb-welcome"></h1>
					<label for="text">User Name:</label><input type="text" name="text" id="unL">
					<label for="text">Password:</label><input type="password" name="text" id="pwdL">
					<a href="#dashboardPage" data-role="button" id="buttonLn">LOGIN</a>
					<a href="#registrationPage" data-role="button" id="buttonRe">REGISRASTION</a>
					<a href="#" data-role="button" id="buttonF" onclick="fblogin()">via Facebook Login</a>
					<!-- <a href="#" data-role="button" id="login" class="g-signin2" data-onsuccess="onSignIn">via Google Login</a> -->
					<!-- <a href="#" data-role="button" id="login" onclick="callGoogle()">via Google Login</a>  -->
					
					<!--  <a href="#" data-role="button" id="login" onclick="login('google')">via Google Login</a>  -->
					<div id="authorize-div" >
					  <span>Authorize access to Gmail API</span>
					  <a href="#" data-role="button" id="authorize-button" onclick="handleAuthClick(event)">via Google Login</a>
					</div>
				</div>
    		</div>
    	    		
    		<div data-role="page" id="dashboardPage">
    			<div data-role="content" style="padding: 15px">
    				<a href="#" data-role="button" onclick='Logout();'>LogOut</a>
    			</div>
    		</div>
    		<script src="js/hello.js"></script>
    		<script src="js/initOptions.js"></script>
    		<script src="js/main.js"></script>
    		<script src="js/messages.js"></script>
    		
    	</body>
</html>

错误日志中没有错误，只是此处引用的页面加载错误。我们得到了像这个屏幕截图的错误

Answer 1

错误401表示您的授权标头无效。您正在使用的访问令牌已过期或无效。尝试使用长期刷新令牌刷新访问令牌。如果失败，请直接通过OAuth flow。也许您还需要在Developers Console中重新创建client id。确保已启用Google+ API。

检查这些相关的SO问题：

Error: invalid_client with Google Apps API OAuth2

如果您在同意屏幕中设置支持电子邮件地址之前创建OAuth凭据，则即使在设置支持电子邮件之后，您似乎也会始终收到此错误。我通过设置支持电子邮件解决了这个问题，然后在凭据页面中重新创建了所有必需的OAuth ID。
invalid_client in google oauth2

设置/更改您的产品名称，我遇到此问题，直到我创建的产品名称与项目名称相同。可以在项目的Google Developers Console的“同意”屏幕部分中设置产品名称。查看API＆amp;在左侧导航栏中输入验证并选择同意屏幕。您还需要在产品名称上方的框中设置您的电子邮件地址。

如何解决无效的客户端，找不到OAuth客户端

1 个答案: