Trang Match Hub hiển thị mọi thứ diễn ra trong giải đấu của bạn trong một ngày: các trận đấu, tỷ số và bảng xếp hạng, kèm một thanh ngày để chuyển qua lại giữa các ngày. Trang trông giống trang Match Hub trên trang web LeagueRepublic của bạn, nhưng bạn quyết định thiết kế.
Bạn không cần phải là lập trình viên. Một trợ lý AI như ChatGPT hoặc Claude có thể tạo trang này cho bạn dựa trên hướng dẫn bên dưới.
Trước khi bắt đầu
Giải đấu của bạn cần có gói Gold và đã bật API. Xem “Bắt đầu với API”.
Bạn cần có mã mùa giải (season ID). Bài viết “API hoạt động như thế nào” hướng dẫn cách tìm mã này.
Chưa có giải đấu? Hãy thử lời nhắc với giải đấu demo của LeagueRepublic trước: dùng mã mùa giải 153020000.
Cách sử dụng lời nhắc
Sao chép lời nhắc từ khung màu xám bên dưới.
Điền mã mùa giải của bạn. Thay [MY-SEASON-ID] bằng số của bạn.
Cho biết bạn muốn trang trông như thế nào. Hãy mô tả màu sắc và phong cách của bạn, hoặc đính kèm ảnh chụp màn hình trang web của bạn hay một thiết kế bạn thích. Một hình ảnh thường mang lại kết quả tốt nhất. Nếu bạn không nói gì, AI sẽ chọn một thiết kế đơn giản.
Dán vào trợ lý AI và gửi đi.
Mở tệp mà AI đưa cho bạn. Lưu tệp, sau đó nhấp đúp để mở trong trình duyệt.
Đối chiếu với trang web giải đấu của bạn. Nếu có gì trông không đúng, hãy nói với AI bằng lời đơn giản, ví dụ “tỷ số bị đảo ngược”. AI sẽ sửa lại.
Lời nhắc
Trước khi bắt đầu, hãy đọc tài liệu đặc tả LeagueRepublic JSON API tại https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Chỉ dùng các dịch vụ, địa chỉ web và tên trường được mô tả trong đó, đồng thời tuân theo quy tắc của nó về giới hạn tần suất, giá trị rỗng, lỗi và việc "road" có nghĩa là đội khách. Nếu bạn không mở được địa chỉ đó, hãy dừng lại và yêu cầu tôi dán tài liệu đặc tả vào.
Hãy tạo cho tôi một trang web duy nhất (một tệp HTML mà tôi có thể mở trong trình duyệt) hiển thị Match Hub của giải đấu của tôi, sử dụng dịch vụ Get Match Hub. Mã mùa giải của tôi là [MY-SEASON-ID].
Trang cần: 1. Hiển thị ở trên cùng một thanh các ngày thi đấu có thể nhấp, bao gồm mục "chưa xác nhận". Mỗi ngày cho biết có bao nhiêu kết quả và bao nhiêu trận sắp diễn ra. Nhấp vào một ngày sẽ tải ngày đó. Khi trang mở ra, hãy cuộn thanh sao cho ngày đang hiển thị nhìn thấy được. 2. Cho phép tôi chuyển giữa các mùa giải. 3. Hiển thị các trận đấu trong ngày, nhóm theo tên từng hạng đấu hoặc vòng cúp. 4. Với mỗi trận, hiển thị đội chủ nhà, tỷ số và đội khách. Nếu trận chưa bắt đầu, hãy hiển thị giờ bóng lăn thay thế. Gắn nhãn tỷ số trực tiếp là "Trực tiếp", và các kết quả mà giải đấu chưa phê duyệt là "Tạm thời". Nếu trận bị hoãn, hãy hiển thị điều đó thay cho giờ. Nếu ngày thi đấu đã qua nhưng chưa có kết quả, hãy hiển thị "Đang chờ kết quả" thay cho giờ. 5. Hiển thị mọi chi tiết tỷ số bổ sung, chẳng hạn hiệp một hoặc loạt đá luân lưu, bằng chữ nhỏ. Không lặp lại vòng cúp dưới một trận nếu nó đã có trong tên của nhóm. 6. Dưới mỗi hạng đấu, hiển thị bảng xếp hạng của hạng đấu đó: vị trí, đội, số trận, thắng, hòa, thua, hiệu số, điểm và phong độ gần đây. 7. Khi một trận có các ván riêng lẻ (phi tiêu, bi-a) hoặc tỷ số theo hiệp hoặc theo phần tư, hãy hiển thị chúng trong một mục mà tôi có thể mở và đóng. 8. Lưu mỗi ngày sau khi tải xong, và không yêu cầu lại cùng một ngày trong vòng một phút.
Giữ thiết kế gọn gàng và dễ đọc trên điện thoại. Giải thích bằng các bước đơn giản cách mở và dùng tệp. Hỏi tôi nếu có điều gì chưa rõ.
Thiết kế: [MÔ TẢ GIAO DIỆN BẠN MUỐN, HOẶC ĐÍNH KÈM ẢNH CHỤP MÀN HÌNH] |
Nếu có sự cố
Trang hiển thị thông báo lỗi. Hãy kiểm tra mã mùa giải của bạn và xem API đã được bật cho giải đấu của bạn chưa.
Trang không hiển thị dữ liệu nào cả. Hãy nói với AI chính xác những gì bạn thấy. Có thể nó cần thay đổi cách trang tải dữ liệu.
Trang không chạy trong cửa sổ xem trước của AI. Nhiều bản xem trước không thể lấy dữ liệu từ các trang web khác. Hãy lưu tệp và mở nó trong trình duyệt của bạn.
AI nói rằng nó không đọc được tài liệu đặc tả. Hãy mở địa chỉ của tài liệu đặc tả trong trình duyệt, chọn toàn bộ, sao chép rồi dán vào AI.
Chi tiết đầy đủ về dịch vụ Get Match Hub có trong tài liệu đặc tả API.