jquery - 如何通过 API 查询搜索 Instagram？

Question

我想构建一个由 Instagram 照片支持的小型“即时图像搜索”应用程序。这就像 Google 即搜即得，您开始输入内容，并在您输入更多字母时显示/更新结果。

您可以看到live demo app由 Google 图片提供支持。我知道这对于更大的引擎(Google、Yahoo!、Bing)是可能的，但我不知道 Instagram 是否允许这样做。任何熟悉 API 的人都可以提供这方面的帮助吗？

如果无法通过 API 进行搜索，那就有意义了。我只是想先检查一下这里，因为这里有很多知识渊博的程序员。

Answer 1

首先，如果您不知道，已经有 one similar (至少)网络应用程序。话虽这么说，让我们来回答一下:

您需要get your client_id ，因为您需要它来调用 API(更多信息 here )。您应该调用this endpoint (有关 Instagram API 端点的更多信息 here，您应该阅读此内容 :P):

https://api.instagram.com/v1/tags/SEARCH-TAG/media/recent?client_id=CLIENT-ID&callback=YOUR-CALLBACK

当然，将 SEARCH-TAG 更改为用户输入，CLIENT-ID 更改为您之前获得的，YOUR-CALLBACK 更改为您的回调函数的名称。

对此调用的响应来自 JSONP看起来像这样(取自 API 页面):

{
    "data": [{
        "type": "image",
        "filter": "Earlybird",
        "tags": ["snow"],
        "comments": {
            "data": [{
                "created_time": "1296703540",
                "text": "Snow",
                "from": {
                    "username": "emohatch",
                    "username": "Dave",
                    "id": "1242695"
                },
                "id": "26589964"
            },
            {
                "created_time": "1296707889",
                "text": "#snow",
                "from": {
                    "username": "emohatch",
                    "username": "Emo Hatch",
                    "id": "1242695"
                },
                "id": "26609649"
            }],
            "count": 3
        }
        "caption": {
            "created_time": "1296703540",
            "text": "#Snow",
            "from": {
                "username": "emohatch",
                "id": "1242695"
            },
            "id": "26589964"
        },
        "likes": {
            "count": 1,
            "data": [{
                "username": "mikeyk",
                "full_name": "Mike Krieger",
                "id": "4",
                "profile_picture": "http://distillery.s3.amazonaws.com/profiles/profile_1242695_75sq_1293915800.jpg"
            }]
        },        
        "link": "http://instagr.am/p/BWl6P/",
        "user": {
            "username": "emohatch",
            "profile_picture": "http://distillery.s3.amazonaws.com/profiles/profile_1242695_75sq_1293915800.jpg",
            "id": "1242695",
            "full_name": "Dave"
        },
        "created_time": "1296703536",
        "images": {
            "low_resolution": {
                "url": "http://distillery.s3.amazonaws.com/media/2011/02/02/f9443f3443484c40b4792fa7c76214d5_6.jpg",
                "width": 306,
                "height": 306
            },
            "thumbnail": {
                "url": "http://distillery.s3.amazonaws.com/media/2011/02/02/f9443f3443484c40b4792fa7c76214d5_5.jpg",
                "width": 150,
                "height": 150
            },
            "standard_resolution": {
                "url": "http://distillery.s3.amazonaws.com/media/2011/02/02/f9443f3443484c40b4792fa7c76214d5_7.jpg",
                "width": 612,
                "height": 612
            }
        },
        "id": "22699663",
        "location": null
    },
    ...
    ]
}

然后你只需要处理这个响应并用它做任何你想做的事情:)