Afficher les joueurs

Dans cet exemple, vous entrez le nom d'utilisateur, l'ID et le mot de passe de votre compte. Au clic du bouton, une liste HTML non ordonnée affichera les joueurs du compte. Pour chaque joueur, l'ID du joueur, le nom et la date de création seront affichés.

Aperçu

Pour en savoir plus sur l'approche générale concernant l'architecture de cet exemple d'application, en particulier l'authentification et les implémentations AJAX, consultez le exemples qui utilisent HTTPRequest.

Architecture de l'application

La logique d'application de haut niveau pour cette application est la suivante :

  1. Recueillir les données utilisateur nécessaires pour accéder au compte
  2. En cliquant sur le bouton, effectuez un appel AJAX pour récupérer toutes les informations sur le joueur
  3. En cas de réussite de l'appel AJAX, procédez comme suit :
    • Injecter les données de réponse JSON dans la page HTML
    • Créez dynamiquement du code HTML qui affiche les informations sur le joueur dans une liste ordonnée et injectez-le dans la page HTML

Exemple d'application

Code source

Retrouvez tout le code associé à cet exemple dans ce référentiel GitHub.

Exemple d'application

Découvrez les lecteurs à écran tactile de Brightcove Learning Services (@rcrooks1969) sur CodePen.

Utilisation du CodePen

Voici quelques conseils pour utiliser efficacement le CodePen ci-dessus :

  • Basculez l'affichage réel du lecteur en cliquant sur le bouton Résultat bouton.
  • Clique le HTML/CSS/JS pour afficher UN des types de code.
  • Cliquez sur Modifier sur CodePen dans le coin supérieur droit pour insérer ce CodePen dans votre propre compte.
  • Retrouvez tout le code associé à cet exemple dans ce référentiel GitHub.

Code proxy

Afin de créer votre propre version de l'exemple d'application sur cette page, vous devez créer et héberger votre propre proxy. (Les proxy utilisés par Brightcove Learning Services n'acceptent que les demandes des domaines Brightcove.) Un exemple de proxy, très similaire à celui que nous utilisons, mais sans les contrôles qui bloquent les demandes provenant de domaines non-BrightCove, peut être trouvé dans ce dépôt GitHub. Vous y trouverez également des instructions de base pour l'utiliser, ainsi qu'un guide plus détaillé sur la création d'applications autour du proxy dans Utilisation des API REST.