Question

我们正在使用Facebook Graph API v2.9来运行“Feed balance”应用程序：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

这也适用于Pages图片

{page-id}/?fields=picture

但遗憾的是似乎没有使用userId

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

编辑：刚发现此问题最近有Bug Report。

3 个答案: