Сторінка центру матчів показує все, що відбувається у вашій лізі за один день: матчі, рахунки й турнірні таблиці, а також стрічку дат для переходу між днями. Вона схожа на сторінку Match Hub на вашому сайті LeagueRepublic, але дизайн вибираєте ви.
Вам не потрібно бути розробником. ШІ-асистент, наприклад ChatGPT або Claude, може створити сторінку за вас за інструкціями нижче.
Перш ніж почати
Вашій лізі потрібен план Золото (Gold) з увімкненим API. Див. Початок роботи з API.
Вам потрібен ID сезону. У статті Як працює API показано, як його знайти.
Ще не маєте ліги? Спершу спробуйте промпт із демо-лігою LeagueRepublic: використайте ID сезону 153020000.
Як користуватися промптом
Скопіюйте промпт із сірого блоку нижче.
Вкажіть свій ID сезону. Замініть [ID-МОГО-СЕЗОНУ] своїм номером.
Скажіть, який вигляд ви хочете. Опишіть свої кольори та стиль або додайте знімок екрана свого сайту чи дизайну, який вам подобається. Зазвичай найкраще працює зображення. Якщо ви нічого не скажете, ШІ вибере простий дизайн.
Вставте його в ШІ-асистента й надішліть.
Відкрийте файл, який він вам дасть. Збережіть його, а потім двічі клацніть, щоб відкрити в браузері.
Порівняйте із сайтом своєї ліги. Якщо щось виглядає неправильно, скажіть про це ШІ простими словами, наприклад «рахунки переплутані місцями». Він це виправить.
Промпт
Перш ніж почати, прочитай специфікацію LeagueRepublic JSON API за адресою https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Використовуй лише ті сервіси, веб-адреси й назви полів, які в ній описано, і дотримуйся її правил щодо ліміту запитів, порожніх значень, помилок і того, що «road» означає «на виїзді». Якщо не можеш відкрити цю адресу, зупинись і попроси мене вставити специфікацію.
Створи мені одну веб-сторінку (один HTML-файл, який я можу відкрити в браузері), що показує центр матчів моєї ліги, за допомогою сервісу Get Match Hub. ID мого сезону — [ID-МОГО-СЕЗОНУ].
Сторінка має: 1. Показувати вгорі стрічку ігрових днів, на які можна клацнути, включно з пунктом «буде підтверджено». Для кожного дня показувати, скільки в ньому результатів і матчів, які ще мають відбутися. Клацання на день завантажує його. Коли сторінка відкривається, прокрутити стрічку так, щоб було видно показаний день. 2. Дозволяти мені перемикатися між сезонами. 3. Показувати матчі дня, згруповані під назвою кожного дивізіону або раунду кубка. 4. Для кожного матчу показувати господарів, рахунок і гостей. Якщо матч ще не почався, показувати натомість час початку. Позначати рахунки наживо як «Наживо», а результати, які ліга ще не затвердила, — як «Попередній». Якщо матч перенесено, показувати це замість часу. Якщо дата матчу минула, а результату ще немає, показувати «Очікується результат» замість часу. 5. Показувати дрібним шрифтом додаткові деталі рахунку, як-от перший тайм або пенальті. Не повторювати раунд кубка під матчем, якщо він уже є в назві групи. 6. Під кожним дивізіоном показувати його турнірну таблицю: місце, команда, ігри, виграші, нічиї, поразки, різниця, очки й остання форма. 7. Якщо матч має окремі ігри (дартс, пул) або рахунок за інінгами чи чвертями, показувати їх у розділі, який я можу розгортати й згортати. 8. Зберігати кожен день після завантаження й не запитувати той самий день повторно протягом хвилини.
Зроби дизайн чистим і зручним для читання на телефоні. Поясни простими кроками, як відкрити файл і користуватися ним. Запитай мене, якщо щось незрозуміло.
Дизайн: [ОПИШІТЬ БАЖАНИЙ ВИГЛЯД АБО ДОДАЙТЕ ЗНІМОК ЕКРАНА] |
Якщо щось пішло не так
Сторінка показує повідомлення про помилку. Перевірте свій ID сезону і те, що API увімкнено для вашої ліги.
Сторінка взагалі не показує даних. Скажіть ШІ, що саме ви бачите. Можливо, йому доведеться змінити спосіб, у який сторінка завантажує дані.
Сторінка не працює у вікні попереднього перегляду ШІ. Багато вікон попереднього перегляду не можуть отримувати дані з інших сайтів. Натомість збережіть файл і відкрийте його в браузері.
ШІ каже, що не може прочитати специфікацію. Відкрийте адресу специфікації в браузері, виділіть усе, скопіюйте й вставте в ШІ.
Усі подробиці про сервіс Get Match Hub є в специфікації API.