۰۱
هویت امن
نشستهای httpOnly، جریانهای محافظتشدهٔ کاربر، بارگذاری آواتار و اعتبارسنجی در مرزهای اعتماد.
بازگشت به پروژههای برگزیده
۰۱مطالعهٔ موردی محصول · سامانههای بلادرنگ
بازی بلادرنگ، مهندسیشده از ابتدا تا انتها.
XO Arena محصولی ماژولار و type-safe برای بازی دوز است که بر پایهٔ هویت امن، مسابقههای تحت مرجعیت سرور، همتایابی زنده، پروفایلهای ماندگار و تجربهٔ قابلنصب روی موبایل ساخته شده است.
محصول کامل محلی · دموی ضبطشده
نقشهٔ سامانه · ۰۲
بازی کوچکی با سامانههایی در مقیاس محصول واقعی.
صفحهٔ بازی عمداً ساده است. مهندسی پیرامون آن دغدغههای دشوارتر محصول را مدیریت میکند: هویت، همزمانی، مرجعیت، ماندگاری، تحویل واکنشگرا و بازخورد شفاف.
۰۲
اتاقهای زنده
همتایابی و رویدادهای اتاق در Socket.IO، هر دو بازیکن را در تمام نوبتها همگام نگه میدارند.
۰۳
بازی تحت مرجعیت سرور
یک موتور بازی مشترک و type-safe از حرکتهای اعتبارسنجیشده در سرور و وضعیت قابلاعتماد مسابقه پشتیبانی میکند.
۰۴
حریفان تطبیقپذیر
چهار سطح دشواری رایانهای، همان مدل بازی را به چالشهایی هر بار قدرتمندتر تبدیل میکنند.
۰۵
کلاینت قابلنصب
رفتار واکنشگرا و سازگار با لمس در PWA، تجربهٔ کامل محصول را روی موبایل در دسترس نگه میدارد.
۰۶
تاریخچهٔ ماندگار
Prisma و MySQL پروفایلها، نتایج مسابقه، شمار حرکتها و فعالیتهای اخیر را نگهداری میکنند.
Next.jsTypeScriptExpressSocket.IOPrismaMySQLZodPWA
نماهای محصول · ۰۳
جریان کامل محصول، در بستر واقعی ثبت شده است.
هر تصویر بهصورت WebP کمحجم ارائه میشود و تنها هنگام نزدیکشدن به محدودهٔ دید بارگذاری میشود. این قابها محصول واقعی محلی را مستند میکنند، نه یک ماکاپ بازسازیشده را.
ورودی محصول
صفحهٔ فرود هماهنگ با پوسته، بازی را معرفی میکند و پیش از ورود، نشانههای احراز هویت، بازی چندنفره، PWA و سیستم طراحی را نمایش میدهد.
لابی همتایابی
بازیکنان میتوانند از یک نمای واکنشگرا میان چهار سطح دشواری رایانه، همتایابی سریع یا ساخت اتاق آنلاین انتخاب کنند.
اتاق بازی تحت مرجعیت سرور
نمای مسابقه، وضعیت صفحه، هویت بازیکنان، عملیات بازی دوباره، پیام نتیجه و گزارش قابلممیزی حرکتها را یکجا نمایش میدهد.
تاریخچهٔ ماندگار بازیکن
ویرایش پروفایل و تاریخچهٔ مسابقههای اخیر، هویت و ماندگاری داده را با جزئیاتی مانند حالت، حریف، نتیجه و شمار حرکتها آشکار میکنند.
یادداشت استقرار · ۰۴
چرا این یک مطالعهٔ موردی است، نه دمویی موقت.
تجربهٔ کامل XO Arena به سرویسهای ماندگار وابسته است: نشستهای امن، سرور اپلیکیشن، اتاقهای Socket.IO، پایگاه دادهٔ رابطهای و فضای ذخیرهسازی رسانههای بارگذاریشده. بهجای انتشار نسخهای ناقص که تصویر نادرستی از محصول ارائه دهد، این صفحه سامانهٔ کامل محلی را با جریانهای واقعی ضبطشده و تصاویر خود محصول مستند میکند.
پیادهسازی برای استقرار شکل گرفته است؛ ارائهٔ این مطالعهٔ موردی نیز عامدانه و صادقانه زیرساخت موردنیاز یک محصول بلادرنگ قابلاعتماد را نشان میدهد.