如何在 Javascript API 中获取 Google refresh_token？

Question

我正在构建一个系统，人们可以通过验证来阅读他们的 gmail。我在 Python 中使用 OAuth2 在我的网站上运行良好；在谷歌的回复中，我得到了一个access_token、一个token_type、一个expires_in和（最重要的是）一个refresh_token。

我现在想在 Javascript 中进行同样的工作（对于我正在使用 Ionic 构建的应用程序）。所以我使用ngCordovaOauth通过以下代码进行身份验证：

$cordovaOauth.google(
    'xxxxxxxx-xxxxxxxxxxxxxxxxxxxxxxxx.apps.googleusercontent.com',
    ['https://www.googleapis.com/auth/userinfo.email', 'https://www.googleapis.com/auth/gmail.readonly'],
    {
        'access_type': 'offline',
        'approval_prompt': 'force'
    }
)
    .then(function(result){
        console.log("Response object -> " + JSON.stringify(result));
    }, function(error){
        console.log('Error -> ' + error);
    });

正如预期的那样，这会在我的手机上产生以下屏幕：

但是在我返回的 json 中没有 refresh_token:

{"access_token":"xxxx.xxxxxxxxxxxx","token_type":"Bearer","expires_in":"3599"}

有人知道为什么我在使用 Javascript api 时没有得到refesh_token 吗？欢迎所有提示！

Answer 1

CordovaOauth 使用的是 OAuth 2.0 的 Implicit grant type，根据规范，它适用于“使用 JavaScript 等脚本语言在浏览器中实现的客户端”。通过这个流程，客户端直接获得一个访问令牌，仅此而已。

在Authorization Code grant type 中，客户端获得一个授权码，然后它会交换访问和刷新令牌，但这也包括客户端本身的身份验证，这就是为什么它在服务器到服务器中完成方式。您不希望在面向最终用户的 JavaScript 代码中公开您的 client_id/client_secret。

还请查看 Google Documentation 解释不同的场景。

Answer 2

为什么您不能使用 Cordova/Ionic/Angular 请求刷新令牌？ ...

我有一个获取刷新令牌、访问令牌等的应用程序。因此我使用了以下代码：

apiKey                  = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
clientID                = 'xxxxxxxxxxxxxxxxxxxxxxxxxx2ivu3.apps.googleusercontent.com';
var notiID              = 0;
var googleapi           = {

authorize:  function(options) {
                var deferred = $.Deferred();
                var authUrl = 'https://accounts.google.com/o/oauth2/auth?' + $.param({
                    client_id: options.client_id,
                    redirect_uri: options.redirect_uri,
                    response_type: 'code',
                    scope: options.scope
                });

                var authWindow = window.open(authUrl, '_blank', 'location=yes');
                $(authWindow).on('loadstart', function(e) {
                    var url = e.originalEvent.url;
                    var code = /\?code=(.+)$/.exec(url);
                    var error = /\?error=(.+)$/.exec(url);

                    if (code || error) {
                        //Always close the browser when match is found
                        authWindow.close();
                        loadingSpinner();
                    }

                    if (code) {
                        $.post('https://accounts.google.com/o/oauth2/token', {
                            code: code[1],
                            client_id: options.client_id,
                            client_secret: options.client_secret,
                            redirect_uri: options.redirect_uri,
                            grant_type: 'authorization_code'
                        }).done(function(data) {
                            deferred.resolve(data);

                            $("#loginStatus").html('Name: ' + data.given_name);
                        }).fail(function(response) {
                            deferred.reject(response.responseJSON);
                        });
                    } else if (error) {
                        deferred.reject({
                            error: error[1]
                        });
                    }
                });

                return deferred.promise();
            }
        };

还有这个用于请求访问和刷新令牌：

function callGoogle()
{

//  alert('starting');
    googleapi.authorize({
                        client_id: clientID,
                        client_secret: apiKey,
                        redirect_uri: 'http://localhost',
                        scope: 'https://www.googleapis.com/auth/analytics.readonly'
                        }).done(function(data) {
                                localStorage.accessToken=data.access_token;
                                localStorage.refreshToken=data.refresh_token;
                                // console.log(JSON.stringify(data));
                                // console.log(localStorage.accessToken);
                                // console.log(localStorage.refreshToken);
                                getDataProfile();


                                });

}

试一试，如果您需要进一步帮助，请告诉我。为此，您只需要 inappbrowser 和控制台插件。当然还有 jQuery。