Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Wiki
Pages
Dernière activité
Quoi de neuf
Nouveaux messages
Nouveaux articles
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Magasin
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Utilisation de l'API Pokesnipers!
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="Tanuki_Dev" data-source="post: 6787381" data-attributes="member: 202549"><p>Bonsoir, je fais un tutoriel pour l'utilisation de l'API Pokesnipers car il n'y a en a pas à ce jour il me semble et ça a l'air demandé.</p><p></p><p>Il vous faudra au moins les bases et l'envie d'apprendre, je limiterai ou ne ferai pas beaucoup de support étant donné que les explications seront données.</p><p></p><p>Pour ce tutoriel vous aurez besoin de jQuery et du PHP.</p><p>Commençons.</p><p></p><p style="text-align: center"><img src="http://i800.photobucket.com/albums/yy287/BobsleiiG/EA%20base%20et%20trames/separateur01_zps52f6e1ac.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>Allez à la base de votre site et créez 2 fichiers, qui vous nommerez <strong>index.php</strong> & <strong>getPokemonList.php</strong>.</p><p style="text-align: center"><img src="http://image.prntscr.com/image/103b0ac2d7d34532b01f14c299bae12f.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>ouvrez le fichier <strong>getPokemonList.php</strong> et saisissez la ligne de code ci-dessous qui permettra de récupérer le contenu de l'API PokeSniper:</p><p>[PHP]<?php echo file_get_contents('http://pokesnipers.com/api/v1/pokemon.json') ?>[/PHP]</p><p></p><p>Ce n'est pas plus compliqué que ça pour le moment !</p><p>Maintenant, on peut fermer le fichier <strong>getPokemonList.php</strong> et ouvrir <strong>index.php</strong> pour y mettre notre contenu.</p><p></p><p><img src="http://i800.photobucket.com/albums/yy287/BobsleiiG/EA%20base%20et%20trames/separateur01_zps52f6e1ac.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>commencez donc par faire votre mise en page, puis importer <strong>jQuery</strong>, une fois les préparatifs fais et la page prête, nous allons créer une fonction pour récupérer les pokemons de notre page <strong>getPokemonList.php </strong>! nous l'appellerons <strong>getPokemonList</strong>.</p><p>[CODE]</p><p>function getPokemonList(){</p><p></p><p>}</p><p>[/CODE]</p><p></p><p>la fonction que nous allons utiliser pour récupérer le contenu de notre page est <strong>$.getJSON de jQuery</strong>.</p><p>[CODE]</p><p>$.getJSON('getPokemonList.php', function(data){</p><p> console.log(data);</p><p>}</p><p>[/CODE]</p><p></p><p>ici, data sera le contenu de la page <strong>getPokemonList</strong>, donc, vos pokémons, et le<strong> console.log(data); affichera les pokémons dans votre console</strong>, seulement vous verrez qu'il y en a des masses, et que vous ne pourrez pas les tirer 1 par 1 manuellement.</p><p></p><p>on va donc faire un <strong>each </strong>dans les <strong>objets </strong>reçus!</p><p>[CODE]</p><p>$.each(data.results, function(index, value){</p><p> console.log(value);</p><p>});</p><p>[/CODE]</p><p></p><p>Ici, <strong>c'est "value" qui nous intéresse</strong>, il contient<strong> toutes les données sur le pokemon</strong> qu'on a actuellement, regardez dans votre console vous en saurez bien plus.</p><p style="text-align: center"><img src="http://image.prntscr.com/image/a1e6360c353f430dbbe325a104698e1c.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>Pour obtenir une des données disponibles dans value, il suffit de faire ceci :</p><p>value['DonnéeQueVousVoulez'] en prenant le temps de remplacer "DonnéeQueVousVoulez" par une des clés présentes dans la console (ex: coords, icon, id, iv, ect...) ce qui donnerait value['coords'], et pour l'afficher vous pouvez utiliser une alert, la console, ou le mettre dans votre page !</p><p></p><p style="text-align: center"><img src="http://i800.photobucket.com/albums/yy287/BobsleiiG/EA%20base%20et%20trames/separateur01_zps52f6e1ac.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://image.prntscr.com/image/26d461686dff463c819768351a591577.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>Voici le résultat final chez moi, je vous met les sources un peu plus bas pour ceux n'ayant rien compris ou qui ne veulent pas prendre la peine de comprendre (ou alors tout simplement pour comparer ou autre.. Kappa)</p></blockquote><p></p>
[QUOTE="Tanuki_Dev, post: 6787381, member: 202549"] Bonsoir, je fais un tutoriel pour l'utilisation de l'API Pokesnipers car il n'y a en a pas à ce jour il me semble et ça a l'air demandé. Il vous faudra au moins les bases et l'envie d'apprendre, je limiterai ou ne ferai pas beaucoup de support étant donné que les explications seront données. Pour ce tutoriel vous aurez besoin de jQuery et du PHP. Commençons. [CENTER][IMG]http://i800.photobucket.com/albums/yy287/BobsleiiG/EA%20base%20et%20trames/separateur01_zps52f6e1ac.png[/IMG][/CENTER] Allez à la base de votre site et créez 2 fichiers, qui vous nommerez [B]index.php[/B] & [B]getPokemonList.php[/B]. [CENTER][IMG]http://image.prntscr.com/image/103b0ac2d7d34532b01f14c299bae12f.png[/IMG][/CENTER] ouvrez le fichier [B]getPokemonList.php[/B] et saisissez la ligne de code ci-dessous qui permettra de récupérer le contenu de l'API PokeSniper: [PHP]<?php echo file_get_contents('http://pokesnipers.com/api/v1/pokemon.json') ?>[/PHP] Ce n'est pas plus compliqué que ça pour le moment ! Maintenant, on peut fermer le fichier [B]getPokemonList.php[/B] et ouvrir [B]index.php[/B] pour y mettre notre contenu. [IMG]http://i800.photobucket.com/albums/yy287/BobsleiiG/EA%20base%20et%20trames/separateur01_zps52f6e1ac.png[/IMG] commencez donc par faire votre mise en page, puis importer [B]jQuery[/B], une fois les préparatifs fais et la page prête, nous allons créer une fonction pour récupérer les pokemons de notre page [B]getPokemonList.php [/B]! nous l'appellerons [B]getPokemonList[/B]. [CODE] function getPokemonList(){ } [/CODE] la fonction que nous allons utiliser pour récupérer le contenu de notre page est [B]$.getJSON de jQuery[/B]. [CODE] $.getJSON('getPokemonList.php', function(data){ console.log(data); } [/CODE] ici, data sera le contenu de la page [B]getPokemonList[/B], donc, vos pokémons, et le[B] console.log(data); affichera les pokémons dans votre console[/B], seulement vous verrez qu'il y en a des masses, et que vous ne pourrez pas les tirer 1 par 1 manuellement. on va donc faire un [B]each [/B]dans les [B]objets [/B]reçus! [CODE] $.each(data.results, function(index, value){ console.log(value); }); [/CODE] Ici, [B]c'est "value" qui nous intéresse[/B], il contient[B] toutes les données sur le pokemon[/B] qu'on a actuellement, regardez dans votre console vous en saurez bien plus. [CENTER][IMG]http://image.prntscr.com/image/a1e6360c353f430dbbe325a104698e1c.png[/IMG][/CENTER] Pour obtenir une des données disponibles dans value, il suffit de faire ceci : value['DonnéeQueVousVoulez'] en prenant le temps de remplacer "DonnéeQueVousVoulez" par une des clés présentes dans la console (ex: coords, icon, id, iv, ect...) ce qui donnerait value['coords'], et pour l'afficher vous pouvez utiliser une alert, la console, ou le mettre dans votre page ! [CENTER][IMG]http://i800.photobucket.com/albums/yy287/BobsleiiG/EA%20base%20et%20trames/separateur01_zps52f6e1ac.png[/IMG] [IMG]http://image.prntscr.com/image/26d461686dff463c819768351a591577.png[/IMG][/CENTER] Voici le résultat final chez moi, je vous met les sources un peu plus bas pour ceux n'ayant rien compris ou qui ne veulent pas prendre la peine de comprendre (ou alors tout simplement pour comparer ou autre.. Kappa) [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Utilisation de l'API Pokesnipers!
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut