Przejdź do głównej zawartości

Zbuduj stronę drużyny

Użyj asystenta AI, aby zbudować stronę pokazującą wyniki i nadchodzące mecze jednej drużyny.

Napisane przez Pedro Maia

Strona drużyny pokazuje sezon jednej drużyny w skrócie: jej wyniki z wygranymi, remisami i porażkami oraz nadchodzące mecze we wszystkich rozgrywkach, w których gra. Idealnie nadaje się na stronę klubu.

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źć.

  • Potrzebujesz nazwy drużyny, zapisanej dokładnie tak, jak widnieje na stronie Twojej ligi.

  • Nie masz jeszcze ligi? Najpierw wypróbuj prompt na demonstracyjnej lidze LeagueRepublic: użyj ID sezonu 153020000 oraz nazwy drużyny Kings Arms.

Jak używać promptu

  1. Skopiuj prompt z szarego pola poniżej.

  2. Uzupełnij swoje dane. Zastąp [MY-SEASON-ID] ID swojego sezonu, a [MY-TEAM-NAME] nazwą drużyny.

  3. Powiedz, jak ma wyglądać. Opisz barwy i styl swojego klubu 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.

  4. Wklej go do asystenta AI i wyślij.

  5. Otwórz plik, który dostaniesz. Zapisz go, a następnie kliknij dwukrotnie, aby otworzyć go w przeglądarce.

  6. Porównaj go ze stroną swojej ligi. Jeśli coś wygląda źle, powiedz o tym AI prostymi słowami, na przykład „ten mecz był u siebie, a nie na wyjeździe”. 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ą mecze jednej drużyny w sezonie. ID mojego sezonu to [MY-SEASON-ID], a drużyna nazywa się [MY-TEAM-NAME].

Strona powinna:

1. Przy pierwszym załadowaniu znaleźć ID drużyny w meczach sezonu, a następnie użyć usługi Get Fixtures For Team. Zapamiętać ID, aby nie trzeba było szukać go ponownie.

2. Użyć nazwy drużyny jako tytułu.

3. Podzielić mecze na „Wyniki”, od najnowszych, i „Nadchodzące”, od najbliższych.

4. Przy każdym meczu pokazywać datę, rozgrywki (i rundę pucharu, jeśli jest), rywala, czy mecz był u siebie, czy na wyjeździe, oraz wynik, z wynikiem mojej drużyny na pierwszym miejscu.

5. Przy wynikach pokazywać W, R lub P z punktu widzenia drużyny (wygrana, remis, porażka). Jeśli mecz zakończył się remisem i został rozstrzygnięty w rzutach karnych, pokazać zamiast R, kto wygrał serię rzutów karnych, razem z wynikiem tej serii.

6. Pokazywać dodatkowe szczegóły wyniku, takie jak wynik do przerwy, małym tekstem. 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.

7. Nie ładować danych ponownie częściej niż raz na minutę.

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 informuje, że nie można znaleźć drużyny. Sprawdź, czy nazwa drużyny jest zapisana dokładnie tak, jak na stronie Twojej ligi, oraz czy drużyna gra w tym sezonie.

  • Strona pokazuje komunikat o błędzie. Sprawdź ID swojego sezonu oraz to, czy API jest włączone dla Twojej ligi.

  • 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 Fixtures For Team znajdziesz w specyfikacji API.

Czy to odpowiedziało na twoje pytanie?