Question

我想使用Instagram的API在网页上显示我自己的照片库。这可能吗？

Answer 1

看看这里：http://instagram.com/developer/endpoints/users/

大多数端点都要求用户进行身份验证。您无需验证即可检索已标记的图片和热门图片。为了显示您自己的，您需要用户登录Instagram。

编辑：检查一下：http://www.blueprintinteractive.com/blog/how-instagram-api-fancybox-simplified

Answer 2

方法1 - 使用Instagram API

不，你不总是需要访问令牌。您也可以使用此API请求中的客户端ID - https://api.instagram.com/v1/tags/nofilter/media/recent?client_id=CLIENT-ID

用户照片端点 -
https://api.instagram.com/v1/users/ {用户ID} /媒体/最近/？CLIENT_ID = CLIENT-ID

您需要在上述网址中替换您的用户名。输出将是JSON响应，因此您必须自己显示照片。

方法2 - 使用插件

您可以直接使用将Instagram照片中的照片嵌入您网站的插件。一个很好的例子是 - InstaMax插件，它将显示你的所有照片，带有喜欢和评论的视频。

此处有一个小型的插件演示 - http://demos.codehandling.com/instamax_demo/instamax_live_edit.html

2016年更新

由于Instagram API的变化，方法1将在2016年6月之后无效。您需要从Instagram批准应用程序，然后生成访问令牌。

生成令牌很容易。您可以从浏览器中轻松使用以下API -

https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=token
坦率地说，最困难的部分是从Instagram获得批准的APP。我花了一个月的时间和几次拒绝了解他们的平台政策是什么以及如何发送批准请求。

我建议您使用已经批准的应用程序的插件，以便您可以使用他们的应用程序为其插件生成令牌。这就是我创建免费InstaMax插件的原因。

Answer 3

jQuery持续版本CDN，然后

 $(document).ready(function{
    var token = 'YOUR ACCSESS TOKEN', 
        userid = YOUR UserID,
        num_photos = 10; // how much photos do you want to get

    $.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){
            console.log(data);
            for( n in data.data ){

                $('body').append('<div><img src="'+data.data[n].images.standard_resolution.url+'"></div>');

            }
        },
        error: function(data){
            console.log(data);
        }
    });
        })

DEMO

如何使用Instagram的API显示我自己的照片库？

3 个答案: