Une page centre des matchs montre tout ce qui se passe dans votre ligue un jour donné : les matchs, les scores et les classements, avec une bande de dates pour passer d'un jour à l'autre. Elle ressemble à la page Centre des matchs de votre site LeagueRepublic, mais c'est vous qui choisissez le design.
Pas besoin d'être développeur. Un assistant IA comme ChatGPT ou Claude peut créer la page pour vous à partir des instructions ci-dessous.
Avant de commencer
Votre ligue doit avoir le plan Gold avec l'API activée. Consultez Premiers pas avec l'API.
Vous avez besoin de l'ID de votre saison. L'article Comment fonctionne l'API explique comment le trouver.
Vous n'avez pas encore de ligue ? Essayez d'abord le prompt avec la ligue de démonstration de LeagueRepublic : utilisez l'ID de saison 153020000.
Comment utiliser le prompt
Copiez le prompt de l'encadré gris ci-dessous.
Indiquez l'ID de votre saison. Remplacez [ID-DE-MA-SAISON] par votre propre numéro.
Dites quel style vous voulez. Décrivez vos couleurs et votre style, ou joignez une capture d'écran de votre site Web ou d'un design qui vous plaît. Une image donne généralement les meilleurs résultats. Si vous ne dites rien, l'IA choisira un design simple.
Collez-le dans l'assistant IA et envoyez-le.
Ouvrez le fichier qu'il vous donne. Enregistrez-le, puis double-cliquez dessus pour l'ouvrir dans votre navigateur.
Comparez-le avec le site Web de votre ligue. Si quelque chose ne va pas, dites-le à l'IA avec des mots simples, par exemple « les scores sont inversés ». Elle le corrigera.
Le prompt
Avant de commencer, lis la spécification de l'API JSON de LeagueRepublic à l'adresse https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Utilise uniquement les services, adresses Web et noms de champs qu'elle décrit, et respecte ses règles sur la limite de requêtes, les valeurs vides, les erreurs et le fait que "road" signifie à l'extérieur. Si tu ne peux pas ouvrir cette adresse, arrête-toi et demande-moi de coller la spécification.
Crée-moi une seule page Web (un fichier HTML que je peux ouvrir dans mon navigateur) qui affiche le centre des matchs de ma ligue, à l'aide du service Get Match Hub. L'ID de ma saison est [ID-DE-MA-SAISON].
La page doit : 1. Afficher en haut une bande de journées de matchs cliquables, y compris l'entrée « à confirmer ». Chaque journée indique son nombre de résultats et de matchs à jouer. Un clic sur une journée la charge. À l'ouverture de la page, faire défiler la bande pour que la journée affichée soit visible. 2. Me permettre de passer d'une saison à l'autre. 3. Afficher les matchs de la journée regroupés sous le nom de chaque division ou tour de coupe. 4. Pour chaque match, afficher l'équipe à domicile, le score et l'équipe à l'extérieur. Si le match n'a pas commencé, afficher l'heure du coup d'envoi à la place. Indiquer « En direct » pour les scores en direct, et « Provisoire » pour les résultats que la ligue n'a pas encore validés. Si un match est reporté, l'indiquer à la place de l'heure. Si la date d'un match est passée mais qu'il n'y a pas encore de résultat, afficher « En attente du résultat » à la place de l'heure. 5. Afficher en petit texte les détails supplémentaires du score, comme la mi-temps ou les tirs de barrage. Ne pas répéter le tour de coupe sous un match s'il figure déjà dans le nom du groupe. 6. Sous chaque division, afficher son classement : position, équipe, joués, gagnés, nuls, perdus, différence, points et forme récente. 7. Quand un match comporte des parties individuelles (fléchettes, billard) ou des scores par manche ou par quart-temps, les afficher dans une section que je peux ouvrir et fermer. 8. Garder en mémoire chaque journée après l'avoir chargée, et ne pas redemander la même journée dans la minute.
Garde un design épuré et facile à lire sur un cellulaire. Explique en étapes simples comment ouvrir et utiliser le fichier. Pose-moi des questions si quelque chose n'est pas clair.
Design : [DÉCRIVEZ LE STYLE SOUHAITÉ OU JOIGNEZ UNE CAPTURE D'ÉCRAN] |
En cas de problème
La page affiche un message d'erreur. Vérifiez l'ID de votre saison et que l'API est bien activée pour votre ligue.
La page n'affiche aucune donnée. Dites à l'IA exactement ce que vous voyez. Elle devra peut-être changer la façon dont la page charge les données.
La page ne fonctionne pas dans la fenêtre d'aperçu de l'IA. Beaucoup d'aperçus ne peuvent pas récupérer de données sur d'autres sites Web. Enregistrez le fichier et ouvrez-le plutôt dans votre navigateur.
L'IA dit qu'elle ne peut pas lire la spécification. Ouvrez l'adresse de la spécification dans votre navigateur, sélectionnez tout, copiez et collez le tout dans l'IA.
Tous les détails du service Get Match Hub se trouvent dans la spécification de l'API.