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