پرش به محتوای اصلی

ساخت صفحه مرکز مسابقات

با یک دستیار هوش مصنوعی صفحه‌ای بسازید که مسابقات، نتایج و جدول‌های لیگ شما را برای هر روز نشان می‌دهد.

نوشته‌شده توسط Pedro Maia

صفحه مرکز مسابقات هر آنچه را در یک روز در لیگ شما می‌گذرد نشان می‌دهد: مسابقات، نتایج و جدول‌های لیگ، همراه با نواری از تاریخ‌ها برای جابه‌جایی بین روزها. شبیه صفحه مرکز مسابقات (Match Hub) در وب‌سایت LeagueRepublic شماست، اما طراحی آن با خودتان است.

لازم نیست توسعه‌دهنده باشید. یک دستیار هوش مصنوعی مانند ChatGPT یا Claude می‌تواند با دستورهای زیر صفحه را برایتان بسازد.

پیش از شروع

  • لیگ شما باید طرح Gold را با API روشن داشته باشد. شروع کار با API را ببینید.

  • به شناسه فصل خود نیاز دارید. API چگونه کار می‌کند نشان می‌دهد چطور آن را پیدا کنید.

  • هنوز لیگی ندارید؟ ابتدا پرامپت را با لیگ نمایشی LeagueRepublic امتحان کنید: از شناسه فصل 153020000 استفاده کنید.

نحوه استفاده از پرامپت

  1. پرامپت را کپی کنید (از کادر خاکستری زیر).

  2. شناسه فصل خود را وارد کنید. [MY-SEASON-ID] را با شماره خودتان جایگزین کنید.

  3. بگویید ظاهرش چطور باشد. رنگ‌ها و سبک دلخواه خود را توصیف کنید، یا تصویری از وب‌سایتتان یا طراحی‌ای که دوست دارید پیوست کنید. معمولاً تصویر بهتر جواب می‌دهد. اگر چیزی نگویید، هوش مصنوعی یک طراحی ساده انتخاب می‌کند.

  4. آن را در دستیار هوش مصنوعی بچسبانید و ارسال کنید.

  5. فایلی را که به شما می‌دهد باز کنید. آن را ذخیره کنید، سپس روی آن دوبار کلیک کنید تا در مرورگرتان باز شود.

  6. آن را با وب‌سایت لیگ خود مقایسه کنید. اگر چیزی اشتباه به نظر می‌رسد، با کلمات ساده به هوش مصنوعی بگویید، مثلاً «نتیجه‌ها برعکس نمایش داده می‌شوند». آن را درست می‌کند.

پرامپت

پیش از شروع، مشخصات JSON API مربوط به LeagueRepublic را در نشانی https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md بخوانید. فقط از سرویس‌ها، نشانی‌های وب و نام فیلدهایی استفاده کنید که در آن توضیح داده شده، و قوانین آن درباره محدودیت درخواست، مقدارهای خالی، خطاها و این‌که «road» یعنی تیم مهمان را رعایت کنید. اگر نتوانستید آن نشانی را باز کنید، متوقف شوید و از من بخواهید مشخصات را برایتان بچسبانم.

یک صفحه وب واحد (یک فایل HTML که بتوانم در مرورگرم باز کنم) برایم بساز که مرکز مسابقات لیگ من را با سرویس Get Match Hub نشان دهد. شناسه فصل من [MY-SEASON-ID] است.

صفحه باید:

۱. در بالا نواری از روزهای مسابقه قابل کلیک نشان دهد، از جمله گزینه «در انتظار تعیین». هر روز نشان دهد چند نتیجه و چند مسابقه‌ی برگزارنشده دارد. کلیک روی یک روز آن را بارگیری کند. وقتی صفحه باز می‌شود، نوار را طوری پیمایش کند که روز نمایش‌داده‌شده دیده شود.

۲. به من اجازه دهد بین فصل‌ها جابه‌جا شوم.

۳. مسابقات آن روز را زیر نام هر دسته یا دور جام گروه‌بندی کند.

۴. برای هر مسابقه، تیم میزبان، نتیجه و تیم مهمان را نشان دهد. اگر هنوز شروع نشده، به‌جای آن ساعت شروع را نشان دهد. نتیجه‌های زنده را با برچسب «زنده» و نتیجه‌هایی را که لیگ هنوز تأیید نکرده با برچسب «موقت» مشخص کند. اگر مسابقه‌ای به تعویق افتاده، به‌جای ساعت همین را نشان دهد. اگر تاریخ مسابقه‌ای گذشته ولی هنوز نتیجه‌ای نیست، به‌جای ساعت «در انتظار نتیجه» را نشان دهد.

۵. هر جزئیات اضافه نتیجه، مثل نیمه‌ی اول یا ضربات پنالتی، را با متن کوچک نشان دهد. اگر دور جام از قبل در نام گروه آمده، آن را زیر مسابقه تکرار نکند.

۶. زیر هر دسته، جدول لیگ آن را نشان دهد: رتبه، تیم، بازی، برد، مساوی، باخت، تفاضل، امتیاز و نتایج اخیر.

۷. هر جا مسابقه‌ای بازی‌های انفرادی (دارت، پول)، اینینگ یا نتیجه‌ی کوارترها دارد، آن‌ها را در بخشی نشان دهد که بتوانم باز و بسته کنم.

۸. هر روز را بعد از بارگیری ذخیره کند و همان روز را در عرض یک دقیقه دوباره درخواست نکند.

طراحی را تمیز و خوانا روی تلفن همراه نگه دار. با مراحل ساده توضیح بده چطور فایل را باز کنم و از آن استفاده کنم. اگر چیزی روشن نیست از من بپرس.

طراحی: [ظاهر دلخواه خود را توصیف کنید، یا یک تصویر پیوست کنید]

اگر مشکلی پیش آمد

  • صفحه پیام خطا نشان می‌دهد. شناسه فصل خود را بررسی کنید و این‌که API برای لیگ شما روشن است.

  • صفحه اصلاً داده‌ای نشان نمی‌دهد. دقیقاً آنچه می‌بینید به هوش مصنوعی بگویید. شاید لازم باشد روش بارگیری داده‌ها در صفحه را تغییر دهد.

  • صفحه در پنجره پیش‌نمایش هوش مصنوعی کار نمی‌کند. بسیاری از پیش‌نمایش‌ها نمی‌توانند داده‌ها را از وب‌سایت‌های دیگر بگیرند. فایل را ذخیره کنید و به‌جای آن در مرورگرتان باز کنید.

  • هوش مصنوعی می‌گوید نمی‌تواند مشخصات را بخواند. نشانی مشخصات را در مرورگر خود باز کنید، همه چیز را انتخاب و کپی کنید و در هوش مصنوعی بچسبانید.

جزئیات کامل سرویس Get Match Hub در مشخصات API آمده است.

آیا پاسخ سؤالتان داده شد؟