أساسيات معمارية الواجهات الأمامية › التصميم 3 / 5 السابق التالي

التمرين 4: مخطط التسلسل

الدرس 24 من 38 · التصميم · 2 دقيقة و12 ثانية

الفيديو الأصلي باللغة الإنجليزية. إذا تعذّر تشغيله هنا، شاهده على موقع المؤلف. التفريغ النصي العربي الكامل أدناه.

بيان المشكلة

عندما يقدّم العميل طلبًا، يرسل تطبيق الويب طلبًا إلى Core API، التي تنشئ الطلب وتعيد معرّف قناة. يستخدم التطبيق هذا المعرّف للاشتراك في خادم WebSocket، الذي يرسل أحداثًا آنية عند تغيّر حالة الطلب. وإذا انقطع الاتصال بالخادم في أي وقت، يبدأ تطبيق الويب في الاستعلام الدوري من Core API للحصول على أحدث حالة للطلب.

الموارد

التفريغ النصي

[00:03] في هذا التمرين، سنضع مخطط التسلسل الخاص بنا لتمثيل أحد التفاعلات الرئيسية في مخططات تسلسل FullSnack هي طريقة رائعة لتوفير المزيد من التفاصيل حول تسلسل الأحداث أو التفاعلات الخاصة بنا. على سبيل المثال، لدينا هنا مخطط الحاوية الذي رسمناه في الوحدة السابقة ونرى أن لدينا علاقتنا بين واجهة برمجة التطبيقات الأساسية الخاصة بنا ونظام الدفع الخاص بالطرف الثالث الذي يمثله هذا السهم الذي يقول إننا نعالج أنظمة الدفع باستخدام هذا هو نظام الدفع الخاص بالطرف الثالث.

[00:33] الآن هذا هو نظرة عامة كبيرة على مستوى عال من ما هي علاقتهما. ولكن بالطبع نحن نعلم أن العملية الصعبة لوضع النظام هو أكثر تعقيدا بكثير من ذلك، والرسوم البيانية تسلسل هي وسيلة رائعة لتمثيل هذا التعقيد. حتى هنا هو المثال الذي رأيناه في الفيديو السابق حيث يمكننا أن نرى أن وضع أمر ينطوي على خطوات مختلفة متعددة. لذلك يذهب على طول الطريق من العميل إلى تطبيق الويب لواجهة برمجة التطبيقات الأساسية لقاعدة البيانات وأنظمة الدفع لهذا التمرين.

[01:02] أود منك أن تضع مخطط تسلسل لتمثيل التغييرات في الوقت الحقيقي حالة النظام. والخبر السار هو أنه ليس عليك أن تعوض أي شيء عن هذا التمرين إما لأنه يمكنك اتباع وصف التسلسل الذي لدينا هنا. هذا في الأساس وصف مكتوب للتسلسل بأكمله. هذا سوف اقول لكم كل من مختلف جميع الكيانات والحاويات المختلفة التي تشارك في هذا التسلسل. ويمكنك متابعة الأحداث المختلفة التي حدثت لتجميع مخطط التسلسل.

[01:34] ستجد هذا مكتوب على وصف هذا الفيديو أيضًا. هناك شيء واحد لم نغطيه في المثال السابق ستحتاج إليه لهذا التمرين، وهو القدرة على تمثيل الحلقات أو التكرارات في تسلسلك. لكنني سأربط بمورد في الوصف حيث ستجد معلومات حول كيفية القيام بذلك.

[01:52] ومرة أخرى، يمكنك بناء هذا باستخدام أي أداة تريدها، يمكنك استخدام TLdraw. يمكنك استخدام قلم ScaliDraw على الورق، أو يمكنك استخدام Mermaid، وهو ما سأوصي به. بناء الجملة بسيط جدا للمخططات تسلسل وأنها من السهل جدا لتغيير كذلك.

[02:07] حتى تعطي هذا واحد لمحاولة وسأراكم في الفيديو التالي أو تظهر لك تسلسل بلدي.