المشكلة
احتاجت شركة أتمتة صناعية في مصر إلى موقع واحد لجمهورين: المصانع المحلية بالعربية أولًا، والمصنّعين الأجانب الذين يؤسّسون مصانع في مصر بالإنجليزية والصينية والتركية. وكان المطلوب أن يكون سريعًا ومتوافقًا مع معايير الإتاحة ومنخفض تكلفة التشغيل: اسم النطاق هو البند المدفوع الوحيد.
النهج
- عرض تفاعلي لواجهة HMI وتصميم حركي يحترم إعداد تقليل الحركة.
- نموذج تواصل محمي من الرسائل المزعجة (Turnstile وحقل خفي وتحقق من المدخلات) يرسل البريد مباشرة من الـWorker.
- تكامل مستمر يضم نحو 950 اختبار وحدة و900 اختبار من طرف إلى طرف على Chrome وAndroid وSafari على iPhone، مع فحوص إتاحة عبر axe.
البنية
-
المستخدمون والواجهات
- الزوار (EN, AR, ZH, TR)
-
التنسيق
- Worker: توجيه اللغة وواجهة نموذج التواصل
-
الخدمات
- بناء Astro ثابت بأربع لغات
- عرض HMI تفاعلي
- إرسال البريد
-
البنية التحتية
- Cloudflare Workers (الخطة المجانية)
-
الجودة
- Turnstile
- CI: نحو 950 اختبار وحدة و900 اختبار E2E وaxe
الروابط بين المكوّنات
- من الزوار (EN, AR, ZH, TR) إلى Cloudflare Workers (الخطة المجانية)
- من Cloudflare Workers (الخطة المجانية) إلى Worker: توجيه اللغة وواجهة نموذج التواصل
- من Cloudflare Workers (الخطة المجانية) إلى بناء Astro ثابت بأربع لغات
- من بناء Astro ثابت بأربع لغات إلى عرض HMI تفاعلي
- من Worker: توجيه اللغة وواجهة نموذج التواصل إلى Turnstile
- من Worker: توجيه اللغة وواجهة نموذج التواصل إلى إرسال البريد
- من CI: نحو 950 اختبار وحدة و900 اختبار E2E وaxe إلى بناء Astro ثابت بأربع لغات (يختبر كل دفع ونشر)
الشكل 2 عرض للمكوّنات: بناء Astro ثابت تقدّمه Cloudflare Workers، وWorker صغير يتولّى توجيه اللغة ونموذج التواصل، واختبارات آلية تعمل في التكامل المستمر وقبل كل نشر. تعرض المخططات المكوّنات المذكورة في الأوصاف المنشورة للعمل، وهي مبسّطة وليست خرائط كاملة للأنظمة.
النتيجة
- إطلاق الموقع على logic-controls.com بأربع لغات.
- متوافق مع WCAG 2.2 AA دون أي مخالفة في axe، ونتيجة Lighthouse بين 98 و100 على الجوال و100 على سطح المكتب.
- نحو 950 اختبار وحدة و900 اختبار من طرف إلى طرف تعمل في التكامل المستمر.
التقنيات
- الخدمات
- AstroTypeScriptTailwind CSS
- البنية التحتية
- Cloudflare Workers
- الجودة
- TurnstileVitestPlaywrightaxe-core
روابط
مصادر هذه المعلومات. كل ما في هذه الصفحة مأخوذ من مشروع Logic Controls ومستودعه العام وملفي ومستودعاتي على GitHub. لا شيء هنا تقديري: وحين لا يوجد رقم منشور، تصف الصفحة ما يفعله النظام.
