Strona centrum meczowego pokazuje wszystko, co dzieje się w Twojej lidze danego dnia: mecze, wyniki i tabele ligowe, z paskiem dat do przełączania się między dniami. Wygląda jak strona Match Hub w Twojej witrynie LeagueRepublic, ale to Ty decydujesz o projekcie.
Nie musisz być programistą. Asystent AI, taki jak ChatGPT lub Claude, może zbudować stronę za Ciebie na podstawie poniższych instrukcji.
Zanim zaczniesz
Twoja liga potrzebuje planu Gold z włączonym API. Zobacz Pierwsze kroki z API.
Potrzebujesz ID swojego sezonu. W artykule Jak działa API dowiesz się, jak go znaleźć.
Nie masz jeszcze ligi? Najpierw wypróbuj prompt na demonstracyjnej lidze LeagueRepublic: użyj ID sezonu 153020000.
Jak używać promptu
Skopiuj prompt z szarego pola poniżej.
Wpisz ID swojego sezonu. Zastąp [MY-SEASON-ID] własnym numerem.
Powiedz, jak ma wyglądać. Opisz swoje kolory i styl albo dołącz zrzut ekranu swojej strony lub projektu, który Ci się podoba. Obraz zwykle sprawdza się najlepiej. Jeśli nic nie powiesz, AI wybierze prosty projekt.
Wklej go do asystenta AI i wyślij.
Otwórz plik, który dostaniesz. Zapisz go, a następnie kliknij dwukrotnie, aby otworzyć go w przeglądarce.
Porównaj go ze stroną swojej ligi. Jeśli coś wygląda źle, powiedz o tym AI prostymi słowami, na przykład „wyniki są w złej kolejności”. Poprawi to.
Prompt
Zanim zaczniesz, przeczytaj specyfikację JSON API LeagueRepublic pod adresem https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Używaj tylko usług, adresów internetowych i nazw pól, które opisuje, i stosuj jej zasady dotyczące limitu zapytań, pustych wartości, błędów oraz tego, że „road” oznacza gości (away). Jeśli nie możesz otworzyć tego adresu, zatrzymaj się i poproś mnie o wklejenie specyfikacji.
Zbuduj mi jedną stronę internetową (jeden plik HTML, który mogę otworzyć w przeglądarce) pokazującą centrum meczowe mojej ligi, z użyciem usługi Get Match Hub. ID mojego sezonu to [MY-SEASON-ID].
Strona powinna: 1. Pokazywać u góry pasek klikalnych dni meczowych, razem z pozycją „do potwierdzenia”. Każdy dzień pokazuje, ile ma wyników i meczów do rozegrania. Kliknięcie dnia ładuje go. Po otwarciu strony przewiń pasek tak, aby wyświetlany dzień był widoczny. 2. Pozwalać mi przełączać się między sezonami. 3. Pokazywać mecze danego dnia pogrupowane pod nazwą każdej dywizji lub rundy pucharu. 4. Przy każdym meczu pokazywać gospodarzy, wynik i gości. Jeśli mecz się nie rozpoczął, pokazać zamiast tego godzinę rozpoczęcia. Wyniki na żywo oznaczać etykietą „Na żywo”, a wyniki, których liga jeszcze nie zatwierdziła, „Wstępny”. Jeśli mecz został przełożony, pokazać to zamiast godziny. Jeśli data meczu minęła, ale nie ma jeszcze wyniku, pokazać „Oczekuje na wynik” zamiast godziny. 5. Pokazywać dodatkowe szczegóły wyniku, takie jak wynik do przerwy lub rzuty karne, małym tekstem. Nie powtarzać rundy pucharu pod meczem, jeśli jest już w nazwie grupy. 6. Pod każdą dywizją pokazywać jej tabelę ligową: pozycję, drużynę, mecze, wygrane, remisy, porażki, różnicę, punkty i ostatnią formę. 7. Jeśli mecz ma pojedyncze gry (rzutki, bilard) albo wyniki inningów lub kwart, pokazać je w sekcji, którą mogę otwierać i zamykać. 8. Zapisywać każdy dzień po załadowaniu i nie pytać o ten sam dzień ponownie w ciągu minuty.
Zadbaj o czysty projekt, łatwy do czytania na telefonie. Wyjaśnij prostymi krokami, jak otworzyć plik i z niego korzystać. Zapytaj mnie, jeśli coś jest niejasne.
Projekt: [DESCRIBE THE LOOK YOU WANT, OR ATTACH A SCREENSHOT] |
Jeśli coś pójdzie nie tak
Strona pokazuje komunikat o błędzie. Sprawdź ID swojego sezonu oraz to, czy API jest włączone dla Twojej ligi.
Strona w ogóle nie pokazuje danych. Powiedz AI dokładnie, co widzisz. Może będzie musiało zmienić sposób, w jaki strona ładuje dane.
Strona nie działa w oknie podglądu AI. Wiele podglądów nie może pobierać danych z innych stron. Zapisz plik i zamiast tego otwórz go w przeglądarce.
AI mówi, że nie może odczytać specyfikacji. Otwórz adres specyfikacji w przeglądarce, zaznacz wszystko, skopiuj i wklej do AI.
Pełne szczegóły usługi Get Match Hub znajdziesz w specyfikacji API.