Une page de classement présente 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.
Vous n'avez 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. Voir Premiers pas avec l'API.
Vous avez besoin de votre identifiant de saison. 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'identifiant de saison 153020000.
Comment utiliser le prompt
Copiez le prompt depuis la zone grise ci-dessous.
Indiquez votre identifiant de saison. Remplacez [MY-SEASON-ID] par votre propre numéro.
Indiquez l'apparence souhaitée. 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 mieux. Si vous ne précisez 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 avec le site web de votre ligue. Si quelque chose semble incorrect, dites-le à l'IA avec des mots simples, par exemple « la colonne des points est manquante ». Elle le corrigera.
Le prompt
Avant de commencer, lisez la spécification de l'API JSON de LeagueRepublic à l'adresse https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Utilisez uniquement les services, les adresses web et les noms de champs qu'elle décrit, et respectez ses règles sur la limite de requêtes, les valeurs vides, les erreurs et le terme « road » qui signifie à l'extérieur. Si vous ne parvenez pas à ouvrir cette adresse, arrêtez-vous et demandez-moi de coller la spécification.
Créez-moi une seule page web (un fichier HTML que je peux ouvrir dans mon navigateur) qui présente les classements de ma ligue. Mon identifiant de saison est [MY-SEASON-ID].
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. S'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, joués, gagnés, nuls, perdus, buts pour, buts contre, différence et points, ainsi que la forme récente sous forme de petits badges colorés (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. S'il n'y a aucun classement, l'indiquer. 5. Me laisser toucher une équipe pour mettre sa ligne en évidence. 6. Sur un téléphone, conserver la position, l'équipe, joués, la différence et les points, et masquer les autres colonnes. 7. Enregistrer chaque classement après l'avoir chargé, et ne pas redemander le même dans la minute qui suit.
Gardez un design épuré et facile à lire sur un téléphone. Expliquez en étapes simples comment ouvrir et utiliser le fichier. Demandez-moi si quelque chose n'est pas clair.
Design : [DÉCRIVEZ L'APPARENCE SOUHAITÉE, OU JOIGNEZ UNE CAPTURE D'ÉCRAN] |
Si quelque chose ne va pas
Le classement d'une division n'affiche que des zéros. Cette division n'a encore joué aucun match. Il se remplit dès que les résultats sont saisis.
Une division est absente. Les divisions dont les classements sont masqués sur le site web de votre ligue sont aussi masquées ici.
La page affiche un message d'erreur. Vérifiez votre identifiant de saison et que l'API est activée pour votre ligue.
La page ne fonctionne pas dans la fenêtre d'aperçu de l'IA. De nombreux aperçus ne peuvent pas récupérer de données depuis 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-le et collez-le dans l'IA.
Tous les détails des services utilisés ici se trouvent dans la spécification de l'API.