web-dev-qa-db-fra.com

Comment utiliser l'API d'Instagram pour afficher une galerie de mes propres photos?

J'aimerais utiliser l'API d'Instagram pour afficher une galerie de mes propres photos sur une page Web. Est-ce possible?

apiinstagram
13
chimerical

Jetez un oeil ici: http://instagram.com/developer/endpoints/users/

La plupart des ordinateurs d'extrémité exigent que les utilisateurs soient authentifiés. Vous pouvez récupérer des images marquées et des images populaires sans authentification. Pour afficher les vôtres, il vous faut un utilisateur connecté à Instagram.

EDIT: Découvrez ceci: http://www.blueprintinteractive.com/blog/how-instagram-api-fancybox-simplified

22
tcd

Méthode 1 - Utiliser l'API Instagram

Non, vous n'avez pas toujours besoin du jeton d'accès. Vous pouvez également utiliser l'identifiant client comme dans cette requête API - https://api.instagram.com/v1/tags/nofilter/media/recent?client_id=CLIENT-ID

Endpoint Photos utilisateur - 
https://api.instagram.com/v1/users/ {id-utilisateur}/media/recent /? client_id = ID CLIENT

Vous devrez remplacer votre ID utilisateur dans l'URL ci-dessus. La sortie sera une réponse JSON, vous devrez donc afficher les photos vous-même. 

Méthode 2 - Utiliser un plugin

Vous pouvez directement utiliser un plugin qui intégrera vos photos de votre compte Instagram sur votre site Web. Un bon exemple serait - InstaMax plugin qui affichera toutes vos photos, vidéos avec des goûts et commentaires.

Une petite démonstration du plugin est présente ici - http://demos.codehandling.com/instamax_demo/instamax_live_edit.html }

Mise à jour 2016

La méthode 1 ne fonctionnera pas après juin 2016 en raison de modifications de l'API Instagram. Vous devez faire approuver votre application à partir d'Instagram, puis générer un jeton d'accès.

  1. La génération du jeton est la partie la plus facile. Vous pouvez simplement utiliser l'API ci-dessous depuis votre navigateur -

    _ { https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=token }

  2. Franchement, le plus difficile est d'obtenir votre APP approuvé par Instagram. Il m'a fallu un mois et plusieurs refus pour comprendre quelles étaient les règles de leur plate-forme et comment envoyer la demande pour approbation.

Je vous recommanderais d'utiliser un plug-in qui possède déjà une application approuvée afin de pouvoir utiliser leur application pour générer des jetons pour leur plug-in. C'est pourquoi j'ai créé mon plugin gratuit InstaMax .

7
Patrick

jQuery a duré verison CDN puis 

 $(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

0
Murat Kezli