[Web] Intégration twitch sur une page web

@Pigcell: Je vais tester

@Pigcell: J'essai surtout d'acquérir des compétences dans le web, mon niveau laisse à désirer.
Merci pour le petit tuyau

@Pigcell: Pas du tout, je suis plutôt habitué au C++ etc ... Quand je m'approche du web j'ai peur et j'ose pas regarder quand ca deviens trop complexe

@alianus: Bah le petit bout de code que j'ai mis marche bien et tu récupère par mal d'autre info :
https://bpaste.net/show/21cff4fc3739

@alianus: Tu fais du C++ et tu trouve le web complexe, OK. : D

@Pigcell: Bah je trouve que c'est à mort relou, par contre je connais pas grand chose à Javascript, moyens de m'expliquer vite fait comment marche le script ?

@Pigcell: Ok j'ai rien dit, je crois avoir compris comment il marche

@Pigcell: Ok merci pour le script il marche impec' ! :)

@alianus: Alors déjà pour le script j'utilise jquery qui permet de simplifier grandement la syntaxe.(par exemple pour selectionner une div par l'id il suffit de faire $("#monId") plutot que document.getElementById("monId") )

je décompose le script :
$(document).ready(); permet d’exécuter la fonction passée en paramètre quand la page est chargée. (c'est important car si tous les éléments de la page ne sont pas chargé ça peut planté).

function(){

} c'est une fonction anonyme en js, c'est à dire, tu ne lui donne par de nom, c'est juste qu'elle est exécute direct (ici quand la page est chargé).

Plutôt qu'utiliser une fonction anonyme j'aurai pu faire comme ça :
$(document).ready(scriptNbrViewer);
function scriptNbrViewer() {
//Le code
}

$.ajax(); permet de faire un appel ajax, c'est à dire que tu demande au navigateur de chargé une page qui n'est pas sur ton site.

{
url : 'https://api.twitch.tv/kraken/channels/formuleoregon',
type : 'GET',
success:function(data) {
console.log(data);
$("#test").html(data.views);
}
}
Ce sont les paramètres de l'appel ajax en JSON, je les prends un part un

url : 'https://api.twitch.tv/kraken/channels/formuleoregon' C'est l'url que tu appeles avec ajax, tu remarquera que si tu l'ouvres dans ton navigateur tu auras du JSON qui s'affichera. l'appel ajax reçois exactement là même chose, du JSON

success: function(data) {

} signifie : "quand l'appel est un succes j’exécute la fonction suivante, ici, j'ai aussi fait une fonction anonyme.
Le paramètre data va être les données renvoyé par l'appel. il existe d'autre paramètres comme le status le message d'erreur etc (http://api.jquery.com/jquery.ajax/). Autre précision, je l'ai appelé data, mais j'aurai pu écrire "reponse", ou "mabite", c'est pareil c'est juste que le premier paramètre de cette fonction sera les données renvoyées par l'appel.

console.log(data); affiche dans la console du navigateur le json renvoyé (tu peux aller l'explorer avec la console c'est très pratique.

$("#test"); permet de sélectionner la div qui à l'id test

.html(texte); permet de remplir la div avec le texte.

data.views; permet de selectionner l'attribut views de l'objet JSON data.

@Pigcell: Merci je fav, ça m'est vachement utile merci ! :)