javascript - Google_Auth_Exception',消息为 'Error fetching OAuth2 access token, message: ' invalid_grant'

标签 javascript php google-plus google-oauth google-api-php-client

我正在尝试对 Google Developer's website 中描述的 Google+ 网络登录服务器端流程进行细微改动。 .

我有一个员工登录页面 (staff_login.php),它通过 Google+ (plusone.js) 使用 javascript。 如果用户已经登录到 Google,则来自 Google 的授权代码将存储到 session 变量中。 如果用户未登录,则会显示“员工登录”按钮。如果用户单击该按钮,则会进行 Google 授权,如果成功,则来自 Google 的授权代码将存储到 session 变量中。 在这两种情况下,在存储 session 变量后,用户将被重定向到另一个网页 (google_login.php)。

大多数情况下,登录过程会按预期进行,但有时 google_login.php 会生成一条错误消息:Google_Auth_Exception,消息为“获取 OAuth2 访问 token 时出错,消息:‘invalid_grant’”。

我相当确定问题出在 signInCallback 函数中。如何使其防弹?

这是(缩减)代码:

staff_login.php

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="google-signin-clientid"
          content="CLIENT-ID.apps.googleusercontent.com">
    <meta name="google-signin-scope" content="email">
    <meta name="google-signin-cookiepolicy" content="single_host_origin">
    <meta name="google-signin-callback" content="signInCallback">
    <title>Login</title>
</head>
<body>

<button id="xyzStaffSignIn">Staff Sign In</button>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" 
    type="text/javascript"></script>

<script type = "text/javascript" >

    jQuery(document).ready(function ($) {
        console.log('Google (plusone.js) will invoke signInCallback');

        window.___gcfg = {
            lang: 'en-GB',
            parsetags: 'onload'
        };
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/client:plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
    });

    function signInCallback(authResult) {
        if (authResult) {
            if (authResult['error'] == undefined) {
                if (authResult['code']) {
                    setSessionValue('GoogleAuthorisationCode', 
                       authResult['code'], callGoogleLogin);
                }
            } else if (authResult['error']) {
                // There was an error.
                // Possible error codes:
                //   "access_denied" - User denied access to your app
                //   "immediate_failed" - Could not automatically log in the user
                console.log('There was an error: ' + authResult['error']);

                if (!authResult['status']['signed_in']) {
                    console.log('gapi.signin.render will invoke signInCallback');
                    gapi.signin.render('xyzStaffSignIn');
                }
            } else {
                console.log('Empty authResult');  // Something went wrong
            }

        }
    }

    function setSessionValue(key, value, callback) {
        $.post(
            'session.php',
            {
                xyzAction: 'set',
                xyzKey: key,
                xyzValue: value
            },
            function (result) {
                // Handle or verify the server response if necessary.

                if (result['status'] == undefined) {
                    alert('xyz status problem. Please email our IT department!');
                } else {
                    switch (result['status']) {
                        case 'Success':
                            callback();
                            break;
                        default:
                            alert('xyz unexpected status problem. 
                                Please email our IT department!');
                            console.log(result['status']);
                    }
                }
            }
        )
    }

    function callGoogleLogin() {
        gapi.client.load('plus', 'v1', loadProfile);
    }

    /**
     * Uses the JavaScript API to request the user's profile, which includes
     * their basic information. When the plus.profile.emails.read scope is
     * requested, the response will also include the user's primary email address
     * and any other email addresses that the user made public.
     */
    function loadProfile() {
        var request = gapi.client.plus.people.get({'userId': 'me'});
        request.execute(loadProfileCallback);
    }

    /**
     * Callback for the asynchronous request to the people.get method. The profile
     * and email are set to global variables. Triggers the user's basic profile
     * to display when called.
     */

    function loadProfileCallback(profile) {
        var emailAddress;

        // Filter the emails object to find the user's primary account, which might
        // not always be the first in the array. The filter() method supports IE9+.
        emailAddress = profile['emails'].filter(function (v) {
            return v.type === 'account'; // Filter out the primary email
        })[0].value; // get the email from the filtered results, should always be defined.
        var domain = emailAddress.replace(/.*@/, "");
        if ("xyz.com" == domain) {
            window.location.href = "google_login.php?xyzEmailAddress=" + emailAddress;
        } else {
            alert(emailAddress + ' is not a recognized xyz staff member email address.');
        }
    }
</script>
</body>
</html>

google_login.php

<?php
// This code is called from the javascript on the login screen only 
// AFTER Google authorization has succeeded

// Google_Client is as defined at
// https://github.com/google/google-api-php-client/blob/master/src/Google/Client.php

$googleClient = new Google_Client ();
$googleClient->setRedirectUri('postmessage');
$googleClient->authenticate($_SESSION['GoogleAuthorizationCode']);

最佳答案

需要从此处的左侧面板添加/启用 API https://console.developers.google.com . 我添加的 API 是“google+ API”和“gmail API”。我试过了,它对我有用。

关于javascript - Google_Auth_Exception',消息为 'Error fetching OAuth2 access token, message: ' invalid_grant',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26140533/

相关文章:

android - 使用 Google 登录 Android 获取用户的出生日期和性别

javascript - 使用sequelize 获取字段中具有唯一值的所有行

javascript - 如何在 IE6 或 7 中淡出一行 (TR)

javascript - 如何链接 promise

php - Apache 两个应用程序一个域共享语言/en - Magento 和 Wordpress

php - 如何守护一个 php 脚本以与 upstart 一起运行

php - 带有 php 的数组用于 Json 输出

javascript - 简单的表单提交,没有页面刷新问题

java - 如何在 Google Cloud Console 的同意屏幕上更改电子邮件帐户?

android - 谷歌+安卓 : sign in failed