Uma página de centro de jogos mostra tudo o que acontece na sua liga num dia: os jogos, os resultados e as classificações, com uma faixa de datas para navegar entre dias. É semelhante à página Centro de Jogos do seu website LeagueRepublic, mas é o utilizador quem decide o design.
Não precisa de ser programador. Um assistente de IA, como o ChatGPT ou o Claude, pode criar a página por si a partir das instruções abaixo.
Antes de começar
A sua liga precisa do plano Ouro com a API ativada. Consulte
Precisa do ID da sua época. O artigo
mostra como encontrá-lo.
Ainda não tem uma liga? Experimente primeiro o prompt com a liga de demonstração da LeagueRepublic: utilize o ID de época 153020000.
Como utilizar o prompt
Copie o prompt da caixa cinzenta abaixo.
Preencha o ID da sua época. Substitua [O-MEU-ID-DE-ÉPOCA] pelo seu número.
Diga que aspeto pretende. Descreva as suas cores e estilo, ou anexe uma captura de ecrã do seu website ou de um design de que goste. Uma imagem costuma funcionar melhor. Se não disser nada, a IA escolhe um design simples.
Cole-o no assistente de IA e envie.
Abra o ficheiro que lhe for dado. Guarde-o e faça duplo clique para o abrir no seu navegador.
Compare-o com o website da sua liga. Se algo não estiver bem, diga à IA por palavras simples, por exemplo "os resultados estão trocados". Ela corrige.
O prompt
Antes de começares, lê a especificação da API JSON da LeagueRepublic em https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Utiliza apenas os serviços, endereços web e nomes de campos que nela são descritos, e segue as suas regras sobre o limite de pedidos, valores vazios, erros e o facto de "road" significar visitante. Se não conseguires abrir esse endereço, para e pede-me que cole a especificação. Cria-me uma única página web (um ficheiro HTML que eu possa abrir no meu navegador) que mostre o centro de jogos da minha liga, utilizando o serviço Get Match Hub. O ID da minha época é [O-MEU-ID-DE-ÉPOCA]. A página deve: 1. Mostrar no topo uma faixa de dias de jogo clicáveis, incluindo a entrada "a confirmar". Cada dia mostra quantos resultados e jogos por disputar tem. Ao clicar num dia, este é carregado. Quando a página abre, desloca a faixa para que o dia apresentado fique visível. 2. Permitir-me alternar entre épocas. 3. Mostrar os jogos do dia agrupados pelo nome de cada divisão ou eliminatória da taça. 4. Para cada jogo, mostrar a equipa da casa, o resultado e a equipa visitante. Se ainda não tiver começado, mostrar a hora de início. Assinalar os resultados em direto com "Em direto" e os resultados que a liga ainda não aprovou com "Provisório". Se um jogo for adiado, mostrar essa indicação em vez da hora. Se a data de um jogo já tiver passado mas ainda não houver resultado, mostrar "A aguardar resultado" em vez da hora. 5. Mostrar em letra pequena qualquer detalhe adicional do resultado, como o intervalo ou as grandes penalidades. Não repetir a eliminatória da taça por baixo de um jogo se já constar do nome do grupo. 6. Por baixo de cada divisão, mostrar a respetiva classificação: posição, equipa, jogos, vitórias, empates, derrotas, diferença, pontos e forma recente. 7. Quando um jogo tiver partidas individuais (dardos, bilhar) ou resultados por entradas ou por períodos, mostrá-los numa secção que eu possa abrir e fechar. 8. Guardar cada dia depois de o carregar e não voltar a pedir o mesmo dia no espaço de um minuto. Mantém o design limpo e fácil de ler num telemóvel. Explica em passos simples como abrir e utilizar o ficheiro. Pergunta-me se algo não estiver claro. Design: [DESCREVA O ASPETO QUE PRETENDE OU ANEXE UMA CAPTURA DE ECRÃ]
Se algo correr mal
A página mostra uma mensagem de erro. Verifique o ID da sua época e se a API está ativada para a sua liga.
A página não mostra quaisquer dados. Diga à IA exatamente o que vê. Pode ser necessário alterar a forma como a página carrega os dados.
A página não funciona na janela de pré-visualização da IA. Muitas pré-visualizações não conseguem obter dados de outros websites. Guarde o ficheiro e abra-o no seu navegador.
A IA diz que não consegue ler a especificação. Abra o endereço da especificação no seu navegador, selecione tudo, copie e cole na IA.
Todos os detalhes do serviço Get Match Hub estão na