Una página de centro de partidos muestra todo lo que ocurre en tu liga en un día: los partidos, los resultados y las clasificaciones, con una franja de fechas para moverte entre días. Es parecida a la página Centro de Partidos de tu sitio web de LeagueRepublic, pero tú decides el diseño.
No necesitas ser desarrollador. Un asistente de IA como ChatGPT o Claude puede crear la página por ti a partir de las instrucciones de abajo.
Antes de empezar
Tu liga necesita el plan Oro con la API activada. Consulta Primeros pasos con la API.
Necesitas el ID de tu temporada. El artículo Cómo funciona la API explica cómo encontrarlo.
¿Todavía no tienes liga? Prueba primero el prompt con la liga de demostración de LeagueRepublic: usa el ID de temporada 153020000.
Cómo usar el prompt
Copia el prompt del recuadro gris de abajo.
Añade el ID de tu temporada. Sustituye [MI-ID-DE-TEMPORADA] por tu número.
Indica qué aspecto quieres. Describe tus colores y estilo, o adjunta una captura de pantalla de tu sitio web o de un diseño que te guste. Una imagen suele funcionar mejor. Si no dices nada, la IA elegirá un diseño sencillo.
Pégalo en el asistente de IA y envíalo.
Abre el archivo que te dé. Guárdalo y haz doble clic para abrirlo en tu navegador.
Compáralo con el sitio web de tu liga. Si algo no está bien, díselo a la IA con palabras sencillas, por ejemplo "los resultados están al revés". Lo corregirá.
El prompt
Antes de empezar, lee la especificación de la API JSON de LeagueRepublic en https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Usa solo los servicios, direcciones web y nombres de campos que describe, y sigue sus reglas sobre el límite de peticiones, los valores vacíos, los errores y que "road" significa visitante. Si no puedes abrir esa dirección, detente y pídeme que pegue la especificación. Créame una única página web (un archivo HTML que pueda abrir en mi navegador) que muestre el centro de partidos de mi liga, usando el servicio Get Match Hub. El ID de mi temporada es [MI-ID-DE-TEMPORADA]. La página debe: 1. Mostrar en la parte superior una franja de jornadas en las que se pueda hacer clic, incluida la entrada "por confirmar". Cada día muestra cuántos resultados y partidos por jugar tiene. Al hacer clic en un día, se carga. Cuando se abra la página, desplaza la franja para que el día que se muestra quede visible. 2. Permitirme cambiar de temporada. 3. Mostrar los partidos del día agrupados bajo el nombre de cada división o ronda de copa. 4. Para cada partido, mostrar el equipo local, el resultado y el equipo visitante. Si no ha empezado, mostrar la hora de inicio. Marcar los resultados en directo con "En directo" y los resultados que la liga aún no ha aprobado con "Provisional". Si un partido está aplazado, indicarlo en lugar de la hora. Si la fecha de un partido ya ha pasado pero todavía no hay resultado, mostrar "Pendiente de resultado" en lugar de la hora. 5. Mostrar en letra pequeña cualquier detalle adicional del resultado, como el descanso o los penaltis. No repetir la ronda de copa debajo de un partido si ya aparece en el nombre del grupo. 6. Debajo de cada división, mostrar su clasificación: posición, equipo, jugados, ganados, empatados, perdidos, diferencia, puntos y forma reciente. 7. Cuando un partido tenga partidas individuales (dardos, billar) o resultados por entradas o por cuartos, mostrarlos en una sección que pueda abrir y cerrar. 8. Guardar cada día después de cargarlo y no volver a pedir el mismo día en menos de un minuto. Mantén el diseño limpio y fácil de leer en un móvil. Explica en pasos sencillos cómo abrir y usar el archivo. Pregúntame si algo no está claro. Diseño: [DESCRIBE EL ASPECTO QUE QUIERES O ADJUNTA UNA CAPTURA DE PANTALLA]
Si algo sale mal
La página muestra un mensaje de error. Comprueba el ID de tu temporada y que la API esté activada para tu liga.
La página no muestra ningún dato. Dile a la IA exactamente lo que ves. Puede que tenga que cambiar la forma en que la página carga los datos.
La página no funciona en la ventana de vista previa de la IA. Muchas vistas previas no pueden obtener datos de otros sitios web. Guarda el archivo y ábrelo en tu navegador.
La IA dice que no puede leer la especificación. Abre la dirección de la especificación en tu navegador, selecciónalo todo, cópialo y pégalo en la IA.
Todos los detalles del servicio Get Match Hub están en la especificación de la API.