Facebook Graph API - 收到无效的 JSON 回复

Question

我们正在使用 Facebook Graph API v2.9 运行“饲料平衡”应用程序：Like What You Hate

该应用运行从 NodeJs 服务器提供的 React。

几个月前（2017 年 12 月）我们进行了一些更新时，该应用运行良好，但我们最近发现该应用已停止运行。

经过调查，我发现当我遇到以下端点时：

/me/picture?height=80&width=80
/me/picture
/{a-defined-user-id}/picture

graph api 在响应中返回以下错误：

{
    "error": {
        "code": 1,
        "error_subcode": 1357046,
        "message": "Received Invalid JSON reply.",
        "type": "http"
    }
}

其他端点，例如：

/me
/me/likes
/me/likes?limit=1000

按预期返回一个 JSON 对象。

我使用 Graph API Explorer 访问了 /me/picture 端点，我得到了似乎是有效的 JSON 响应。

所以这似乎与 SDK 代码有关。我们正在使用Javascript SDK 并将其安装在我们的应用程序中：

window.fbAsyncInit = function() {
    window.FB.init({
        appId            : fbAppId,
        xfbml            : true,
        version          : 'v2.9',
        cookie           : true
    });
    window.FB.AppEvents.logPageView();
};

(function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = '//connect.facebook.net/da_DK/sdk.js';
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

需要注意的是，我们正在获取丹麦 SDK (da_DK) 服务器，但我也尝试了美国版本 (en_US) 并看到了同样的问题。

编辑：刚刚发现最近有一个Bug Report为这个问题打开。

Answer 1

根据错误报告中的最新消息，只能通过修改端点 URL 来解决此问题。

更改：/{USER_ID}/picture

收件人：/{USER_ID}/picture?redirect=false

Answer 2

我们最终只使用来自/me 响应的当前用户 ID，并将端点直接放入 React 中图像组件的源中：

export default class Avatar extends React.Component {

    static propTypes = {
        userId
    };

    render () {
        const { userID } = this.props;
        return <img className="avatar__gfx" src={{ `https://graph.facebook.com/${userId}/picture?type=small` }} />
    }
}

Answer 3

在 facebook 解决此错误之前，有一个解决方法。你可以使用

/me/?fields=picture

这也适用于页面图片

{page-id}/?fields=picture

但遗憾的是似乎不适用于 userId