Ves al contingut principal

Crea una pàgina de Match Hub

Utilitza un assistent d'IA per crear una pàgina que mostri els partits, els resultats i les taules de la teva lliga per a qualsevol dia.

Escrit per Pedro Maia

Una pàgina de Match Hub mostra tot el que passa a la teva lliga en un dia: els partits, els resultats i les taules de la lliga, amb una tira de dates per moure's entre dies. S'assembla a la pàgina Match Hub del teu lloc web de LeagueRepublic, però el disseny el decideixes tu.

No cal que siguis desenvolupador. Un assistent d'IA com ChatGPT o Claude pot crear la pàgina per tu a partir de les instruccions següents.

Abans de començar

  • La teva lliga necessita el pla Gold amb l'API activada. Consulta Primers passos amb l'API.

  • Necessites l'ID de la teva temporada. Com funciona l'API mostra com trobar-lo.

  • Encara no tens cap lliga? Prova primer la instrucció amb la lliga de demostració de LeagueRepublic: utilitza l'ID de temporada 153020000.

Com utilitzar la instrucció

  1. Copia la instrucció del quadre gris de sota.

  2. Omple l'ID de la teva temporada. Substitueix [MY-SEASON-ID] pel teu propi número.

  3. Digues quin aspecte vols que tingui. Descriu els teus colors i el teu estil, o adjunta una captura de pantalla del teu lloc web o d'un disseny que t'agradi. Normalment una imatge funciona millor. Si no dius res, la IA triarà un disseny senzill.

  4. Enganxa-la a l'assistent d'IA i envia-la.

  5. Obre el fitxer que et dona. Desa'l i després fes-hi doble clic per obrir-lo al navegador.

  6. Comprova-ho amb el web de la teva lliga. Si alguna cosa no sembla correcta, digues-ho a la IA amb paraules senzilles, per exemple «els marcadors estan al revés». Ho arreglarà.

La instrucció

Abans de començar, llegeix l'especificació de l'API JSON de LeagueRepublic a https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Utilitza només els serveis, les adreces web i els noms de camp que descriu, i segueix-ne les regles sobre el límit de sol·licituds, els valors buits, els errors i el significat de «road» com a visitant. Si no pots obrir aquesta adreça, atura't i demana'm que enganxi l'especificació.

Crea'm una sola pàgina web (un fitxer HTML que pugui obrir al navegador) que mostri el Match Hub de la meva lliga, mitjançant el servei Get Match Hub. L'ID de la meva temporada és [MY-SEASON-ID].

La pàgina ha de:

1. Mostrar a la part superior una tira de dies de partits amb clic, inclosa l'entrada «per confirmar». Cada dia mostra quants resultats i quants partits per jugar té. En fer clic en un dia, es carrega. Quan s'obre la pàgina, desplaça la tira perquè el dia que es mostra sigui visible.

2. Deixar-me canviar de temporada.

3. Mostrar els partits del dia agrupats sota el nom de cada divisió o ronda de copa.

4. Per a cada partit, mostrar l'equip local, el marcador i l'equip visitant. Si encara no ha començat, mostrar-ne l'hora d'inici. Etiquetar els marcadors en directe amb «Live» i els resultats que la lliga encara no ha aprovat amb «Provisional». Si un partit està ajornat, mostrar-ho en lloc de l'hora. Si la data d'un partit ja ha passat però encara no hi ha resultat, mostrar «Awaiting result» en lloc de l'hora.

5. Mostrar en text petit qualsevol detall addicional del marcador, com ara la mitja part o els penals. No repetir la ronda de copa sota un partit si ja és al nom del grup.

6. Sota cada divisió, mostrar-ne la taula de la lliga: posició, equip, jugats, guanyats, empatats, perduts, diferència, punts i ratxa recent.

7. Quan un partit tingui jocs individuals (dards, billar), entrades o marcadors per quarts, mostrar-los en una secció que pugui obrir i tancar.

8. Desar cada dia un cop carregat i no demanar el mateix dia una altra vegada en menys d'un minut.

Fes que el disseny sigui net i fàcil de llegir al telèfon. Explica amb passos senzills com obrir i utilitzar el fitxer. Pregunta'm si alguna cosa no està clara.

Disseny: [DESCRIBE THE LOOK YOU WANT, OR ATTACH A SCREENSHOT]

Si alguna cosa va malament

  • La pàgina mostra un missatge d'error. Comprova l'ID de la teva temporada i que l'API estigui activada per a la teva lliga.

  • La pàgina no mostra cap dada. Digues a la IA exactament què veus. Potser haurà de canviar la manera com la pàgina carrega les dades.

  • La pàgina no funciona a la finestra de previsualització de la IA. Moltes previsualitzacions no poden obtenir dades d'altres llocs web. Desa el fitxer i obre'l al navegador.

  • La IA diu que no pot llegir l'especificació. Obre l'adreça de l'especificació al navegador, selecciona-ho tot, copia-ho i enganxa-ho a la IA.

El detall complet del servei Get Match Hub és a l'especificació de l'API.

Respon això a la vostra pregunta?