javascript - 如何访问已登录的 G+ 用户的公共(public)资料(至少是用户 ID)

Question

我正在编写一个需要使用已登录 G+ 用户的公开个人资料图片的 JS 应用。

如果我有用户 ID，我可以使用 Google+ API 查询个人资料数据。

https://developers.google.com/apis-explorer/#p/plus/v1/plus.people.get

但是，如何获取当前登录用户的用户标识？

Answer 1

用户需要使用登录 API 将他们的 Google+ 帐户连接到您的应用。

参见:https://developers.google.com/+/web/signin/

用户登录后，您可以使用用户 ID“我”获取他们的数据:

<button class="g-signin"
        data-scope="https://www.googleapis.com/auth/plus.login"
        data-clientid="{ YOUR_CLIENT_ID }"
        data-callback="onSignIn"
        data-theme="dark"
        data-cookiepolicy="single_host_origin"
        data-requestvisibleactions="http://schemas.google.com/AddActivity"
        data-width="wide">
</button>

(function() {
    window.onSignIn = function(authResult) {
        if (authResult.access_token) {
            console.log('success');
            gapi.client.load('plus','v1', function(){ 
                var request = gapi.client.plus.people.get({'userId' : 'me'});
                request.execute(function(response) {
                    console.log('ID: ' + response.id);
                    console.log('Display Name: ' + response.displayName);
                    console.log('Image URL: ' + response.image.url);
                    console.log('Profile URL: ' + response.url);
                });
            });
        } else if (authResult.error) {
            console.log('There was an error: ' + authResult.error);
        }
    };
    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);
})();

参见:https://developers.google.com/+/web/signin/add-button#step_5_handling_the_sign-in

这是工作示例:http://jsfiddle.net/imcg/3UU7E/