Instagram api 返回帖子链接答案

【问题标题】：Instagram api return post linkInstagram api 返回帖子链接
【发布时间】：2017-02-13 14:30:23
【问题描述】：

我正在用 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){ ........

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

【问题讨论】：

您在寻找图片或帖子的网址吗？
@TariqB。帖子的网址。对不起我的错误
数据对象中的链接参数应该是帖子的 URL。请尝试一下。
@TariqB.你能帮忙谈谈语法吗？数据：{access_token：令牌，计数：num_photos，URL}？
您必须通过 Oauth 获取授权码和令牌并在此请求中使用。

标签： javascript instagram instagram-api

【解决方案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
        }
    },

祝你好运！

【讨论】：