Parce que composer avec l’API d’instagram/facebook peut être une véritable source de migraines, voici un tutoriel qui montre comment récupérer une timeline instagram en jQuery.

Sans utiliser des jetons d’accès.

ou l’API en question.

Si, c’est possible.

Pour ce faire, j’utiliserais le plugin jQuery InstagramFeed. Il permet de générer une galerie d’images responsive sans avoir à utiliser un jeton d’accès à Instagram.

Dans un premier temps, téléchargez le plugin ici.

Ajoutez le ensuite à votre fichier index.html


<script src="https://code.jquery.com/jquery-3.3.1.min.js" 
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" 
        crossorigin="anonymous"></script>
<script src="jquery.instagramFeed.min.js"></script><script src="scripts/index.js"></script>

Et créez une div.

  <div id="instagram-feed-demo" class="instagram_feed"></div>

Enfin, initialisez le plugin en faisant référence à l’id de la div précédemment créée.

Remplacez le paramètre username par le nom d’utilisateur du compte dont vous souhaitez récupérer la timeline.


$(window).on('load', function(){
  $.instagramFeed({
    'username': 'jlhouedanou',
    'container': "#instagram-feed-demo",
    'items':20,
        'items_per_row': 4

  });
});

un aperçu ici

Ps : si jQuery n’est pas votre tasse de thé, le plugin est également disponible dans une version javascript, ici.

Fichiers sources disponibles ici

Jean Luc Houedanou