Hoppa till huvudinnehåll

Bygg en matchhubbsida

Använd en AI-assistent för att bygga en sida som visar din ligas matcher, resultat och tabeller för valfri dag.

Skrivet av Pedro Maia

En matchhubbsida visar allt som händer i din liga under en dag: matcherna, resultaten och ligatabellerna, med ett datumfält för att växla mellan dagar. Den ser ut som sidan Match Hub på din LeagueRepublic-webbplats, men du bestämmer designen.

Du behöver inte vara utvecklare. En AI-assistent som ChatGPT eller Claude kan bygga sidan åt dig utifrån instruktionerna nedan.

Innan du börjar

  • Din liga behöver planen Gold med API:et aktiverat. Se Komma igång med API:et.

  • Du behöver ditt säsongs-ID. Så fungerar API:et visar hur du hittar det.

  • Har du ingen liga än? Prova prompten med LeagueRepublics demoliga först: använd säsongs-ID 153020000.

Så använder du prompten

  1. Kopiera prompten från den grå rutan nedan.

  2. Fyll i ditt säsongs-ID. Ersätt [MY-SEASON-ID] med ditt eget nummer.

  3. Beskriv hur du vill att den ska se ut. Beskriv dina färger och din stil, eller bifoga en skärmbild av din webbplats eller en design du gillar. En bild fungerar oftast bäst. Om du inte säger något väljer AI:n en enkel design.

  4. Klistra in den i AI-assistenten och skicka.

  5. Öppna filen du får. Spara den och dubbelklicka sedan på den för att öppna den i webbläsaren.

  6. Jämför med din ligawebbplats. Om något ser fel ut, berätta för AI:n med enkla ord, till exempel ”resultaten är åt fel håll”. Den fixar det.

Prompten

Läs LeagueRepublics JSON API-specifikation på https://docs.api.leaguerepublic.com/leaguerepublic-read-api.mdinnan du börjar. Använd bara de tjänster, webbadresser och fältnamn som den beskriver, och följ dess regler om anropsgränsen, tomma värden, fel och att ”road” betyder borta. Om du inte kan öppna den adressen ska du sluta och be mig klistra in specifikationen.

Bygg en enda webbsida åt mig (en HTML-fil som jag kan öppna i webbläsaren) som visar min ligas match hub med tjänsten Get Match Hub. Mitt säsongs-ID är [MY-SEASON-ID].

Sidan ska:

1. Visa ett fält med klickbara matchdagar högst upp, inklusive posten ”ska bekräftas”. Varje dag visar hur många resultat och matcher som ska spelas den har. Ett klick på en dag laddar den. När sidan öppnas ska fältet scrollas så att den visade dagen syns.

2. Låta mig växla mellan säsonger.

3. Visa dagens matcher grupperade under namnet på varje division eller cupomgång.

4. För varje match visa hemmalaget, resultatet och bortalaget. Om matchen inte har börjat ska avsparkstiden visas i stället. Märka liveresultat med ”Live” och resultat som ligan ännu inte har godkänt med ”Preliminärt”. Om en match är uppskjuten ska det visas i stället för en tid. Om matchdatumet har passerat men det ännu inte finns något resultat ska ”Väntar på resultat” visas i stället för en tid.

5. Visa eventuella extra resultatdetaljer, som halvtid eller straffar, med liten text. Upprepa inte cupomgången under en match om den redan finns i gruppens namn.

6. Under varje division visa dess tabell: placering, lag, spelade, vunna, oavgjorda, förlorade, differens, poäng och senaste form.

7. Där en match har enskilda spel (dart, pool) eller resultat per inning eller kvart, visa dem i ett avsnitt som jag kan öppna och stänga.

8. Spara varje dag efter att den har laddats och fråga inte efter samma dag igen inom en minut.

Håll designen ren och lättläst på mobilen. Förklara i enkla steg hur man öppnar och använder filen. Fråga mig om något är oklart.

Design: [BESKRIV UTSEENDET DU VILL HA, ELLER BIFOGA EN SKÄRMBILD]

Om något går fel

  • Sidan visar ett felmeddelande. Kontrollera ditt säsongs-ID och att API:et är aktiverat för din liga.

  • Sidan visar inga data alls. Berätta för AI:n exakt vad du ser. Den kanske måste ändra hur sidan laddar data.

  • Sidan fungerar inte i AI:ns förhandsgranskning. Många förhandsgranskningar kan inte hämta data från andra webbplatser. Spara filen och öppna den i webbläsaren i stället.

  • AI:n säger att den inte kan läsa specifikationen. Öppna specifikationens adress i webbläsaren, markera allt, kopiera och klistra in i AI:n.

Alla detaljer om tjänsten Get Match Hub finns i API-specifikationen.

Fick du svar på din fråga?