يرى الضيف Gallery UI
مع صور الضيوف الآخرين. ويرى أيضًا رمز الاستجابة السريعة في زاوية التطبيق.
يقوم الضيف بمسح رمز الاستجابة السريعة ضوئيًا، والذي يعيد توجيهه إلى Photo Collector UI
وهناك يمكنه تحميل الصورة والرغبات.
ترسل Photo Collector UI
البيانات إلى Photo Collector Service
.
تقوم Photo Collector Service
بتحميل صورة الضيف إلى مخزن البيانات الثنائية الكبيرة.
تقوم Photo Collector Service
بإضافة بيانات الضيف إلى قاعدة البيانات.
تقوم Photo Collector Service
بنشر الحدث في قائمة الانتظار.
Gallery Service
تتلقى الحدث وتعالجه.
Gallery Service
تدفع الإشعارات حول الصورة الجديدة في المعرض Gallery UI
، ثم تضيف Gallery UI
صورة ضيف جديدة إلى مجموعة المعرض.
وصف:
الخدمات الخلفية:
تطبيقات واجهة المستخدم:
خدمات أزور:
يمكنك تشغيل المشروع محليًا على جهازك باستخدام Docker. اتبع الخطوات أدناه لتشغيل التطبيق محليًا:
قبل أن نبدأ، يجب عليك إنشاء dev-certs
لـ LensUp على جهازك. هذه العملية مطلوبة لاستضافة صور ASP.NET Core مع Docker عبر HTTPS. لذا قم بإنشاء شهادة باستخدام هذه الأوامر:
dotnet dev-certs https -ep " %USERPROFILE%.aspnethttpslens-up.pfx " -p localCertPassword
dotnet dev-certs https --trust
استبدل %USERPROFILE%
باسم جهاز الكمبيوتر الخاص بك. مثال "C:UsersDell Precision 7520.aspnethttpslens-up.pfx"
لأغراض التطوير المحلي، سوف نستخدم كلمة المرور localCertPassword
. لا تقم بتغيير هذا، حيث يتم استخدام نفس كلمة المرور في ملف docker-compose.yml
.
يجب أن تنشئ الأوامر المذكورة أعلاه شهادة lens-up.pfx
، ويجب أن تضعها في الدليل كما هو موضح في لقطة الشاشة أدناه.
هذه خطوة ضرورية، لأن docker-compose يشير إلى تلك الشهادة!
قم بتثبيت docker desktop
على جهازك (قم بالتخطي إذا كنت قد قمت بذلك بالفعل) .
قم بتشغيل تطبيق docker desktop
الخاص بك.
في دليل المشروع الرئيسي ( lens-up
)، حيث يوجد الملف docker-compose.yml
، قم بتشغيل الأمر docker-compose build
. سيؤدي هذا إلى إنشاء 7 صور LensUp ضرورية. قد يستغرق إنشاء المرة الأولى بضع دقائق (حتى 10 دقائق). بعد الانتهاء من هذه الخطوات، من المفترض أن تشاهد صورًا جديدة في تطبيق Docker Desktop.
بعد أمر الإنشاء، قم بتشغيل docker-compose up
لبدء البنية التحتية بأكملها. يجب أن ترى في Docker Desktop أنه قد تم بدء تشغيل 7 حاويات مرتبطة بـ LensUp.
الآن يتم تشغيل التطبيق بأكمله على جهازك. يمكنك استخدام العناوين التالية:
الخدمات الخلفية:
LensUp.BackOfficeService.API
التباهي - https://localhost:8085/swagger/index.htmlLensUp.GalleryService.API
التباهي - https://localhost:8083/swagger/index.htmlLensUp.GalleryService.WebhookTriggerSimulator
- http://localhost:8086/LensUp.PhotoCollectorService.API
التباهي - https://localhost:8081/swagger/index.htmlتطبيقات واجهة المستخدم:
LensUp.GalleryService.UI
- http://localhost:5001/
LensUp.PhotoCollectorService.UI
- http://localhost:5002/
في LensUp.PhotoCollectorService.UI، ستشاهد صفحة الخطأ، لأنك تحتاج إلى الانتقال إلى العرض المرتبط بمعرض معين، والذي لم تقم بإنشائه بعد.
كيف تنشئ معرضك الأول وتستمتع باستخدام LensUp؟
انتقل إلى LensUp.BackOfficeService.API
- https://localhost:8085/swagger/index.html
استخدم Create
نقطة النهاية لإنشاء معرض الصور الخاص بك. تقوم نقطة النهاية بإرجاع معرف المعرض بعد إنشائه (1) .
قبل استخدام المعرض، نحتاج إلى تنشيطه. في هذه الحالة، استخدم Activate
نقطة النهاية وقم بتمرير galleryId
وتاريخ endDate
في نص الطلب. تذكر أنه تم التحقق من صحة endDate
ويجب أن يكون أكبر من الوقت الحالي. وبخلاف ذلك، سيتم التعامل مع معرض الصور الخاص بك على أنه منتهي الصلاحية. تقوم نقطة النهاية بإرجاع enterCode
للمعرض بعد تنشيطه (1) .
باستخدام معرض الصور الخاص بك enterCode
يمكنك فتح معرض الصور الخاص بك باستخدام LensUp.GalleryService.UI
- http://localhost:5001/
قم بتسجيل الدخول إلى معرض الصور الخاص بك باستخدام enterCode
.
يمكنك الآن مسح رمز الاستجابة السريعة للمعرض وتحميل الصور إليه. يعيد الرمز التوجيه إلى نموذج لإضافة الصور إلى المعرض. يمكنك استخدام أداة المتصفح لمسح رمز QR ضوئيًا أو إذا لم يعمل، فيمكنك الانتقال إلى http://localhost:5002/upload-photo/{enterCode}
.
يقوم QR Code بإعادة توجيهك لإضافة نموذج الصور والرغبات. الآن يمكنك تحميل بياناتك إلى المعرض.
بعد إكمال النموذج بنجاح، يجب أن نرى إشعار النجاح ويجب أن تظهر الصورة في المعرض.