javascript - Instagram api 返回帖子链接

Question

我正在用 Instagram 图像制作画廊，现在我想链接我的画廊，我希望当用户单击图像时，它应该将他重定向到 Instagram 帖子上。所以现在我需要从 instagram api 获取链接。 目前我只有图片，我通过这种方式得到它:

jQuery.ajax({
    url: 'https://api.instagram.com/v1/users/' + userid + '/media/recent',
    dataType: 'jsonp',
    type: 'GET',
    data: {access_token: token, count: num_photos},
    success: function(data){ ........

有人可以帮我如何获取帖子网址吗？

Answer 1

来自Instagram API ，您应该使用link参数来获取每张照片的链接。此代码应位于 success(data) 函数内。使用 /users/self/media/recent 端点，它可能会被这样调用:

[...]
success: function(data){
    for (i = 0; i < data.length; i++){ 
        var photoURL = data[i].images.standard_resolution.url;
        var photoLink = data[i].link;
        var username = data[i].user.username;

        var html = "<a href='" + photoLink + "' target='_blank'>";
        html += "    <img src='" + photoURL + "' alt='" + username + "'>";
        html += "</a>";

        // here you should append this html code to some container box
        document.getElementById("myContainer").innerHTML += html;
    }
}

上面的代码未经测试。但我相信它运作良好。 下面是 media object returned by Instagram ，这样您就可以选择您需要的信息。我隐藏了 users_in_photo 和 images 部分以方便理解。

{
"data": {
    "type": "image",
    "users_in_photo": [{...}],
    "filter": "Walden",
    "tags": [],
    "comments": { "count": 2 },
    "caption": null,
    "likes": { "count": 1 },
    "link": "http://instagr.am/p/D/",
    "user": {
        "username": "kevin",
        "full_name": "Kevin S",
        "profile_picture": "...",
        "id": "3"
    },
    "created_time": "1279340983",
    "images": {...},
    "id": "3",
    "location": null
}
}

照片部分的用户:

"users_in_photo": [{
        "user": {
            "username": "kevin",
            "full_name": "Kevin S",
            "id": "3",
            "profile_picture": "..."
        },
        "position": {
            "x": 0.315,
            "y": 0.9111
        }
    }],

图像部分:

"images": {
        "low_resolution": {
            "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_6.jpg",
            "width": 306,
            "height": 306
        },
        "thumbnail": {
            "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_5.jpg",
            "width": 150,
            "height": 150
        },
        "standard_resolution": {
            "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_7.jpg",
            "width": 612,
            "height": 612
        }
    },

祝你好运!