Une page de classement affiche le classement de chaque division de votre ligue, avec un menu pour passer de l'une à l'autre. Vous pouvez l'utiliser seule ou la placer sur votre site web à côté de vos actualités.
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 Or 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.
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 fonctionne généralement le mieux. 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 « la colonne des points est manquante ». 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 les classements de ma ligue. L'ID de ma saison est [ID-DE-MA-SAISON].
La page doit : 1. Utiliser le service Get Fixture Groups For Season pour lister les divisions de la saison et les afficher dans un menu. Ouvrir sur la première division. 2. Quand je choisis une division, afficher son classement à l'aide du service Get Standings For Fixture Group. Ne charger une division que lorsque je la choisis. 3. Afficher la position, l'équipe, les matchs joués, gagnés, nuls, perdus, les points marqués, les points encaissés, la différence et les points, ainsi que la forme récente sous forme de petits badges de couleur (gagné, nul, perdu). 4. Lister aussi les coupes dans le menu, mais ne vérifier si une coupe a des classements que lorsque je la choisis. Si elle se joue en groupes, afficher un classement par groupe avec le nom du groupe au-dessus. Si elle n'a pas de classement, l'indiquer. 5. Me permettre de toucher une équipe pour mettre sa ligne en surbrillance. 6. Sur un téléphone, garder la position, l'équipe, les matchs joués, la différence et les points, et masquer les autres colonnes. 7. Garder en mémoire chaque classement après l'avoir chargé, et ne pas redemander le même dans la minute.
Garde un design épuré et facile à lire sur un téléphone. 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
Le classement d'une division n'affiche que des zéros. Cette division n'a encore joué aucun match. Il se remplira dès que des résultats seront saisis.
Une division est manquante. Les divisions dont le classement est masqué sur le site web de votre ligue sont aussi masquées ici.
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 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 des services utilisés ici se trouvent dans la spécification de l'API.