بررسی اجمالی پروژه
این پروژه نحوه ساخت یک برنامه Micro Frontend (MFE) را با استفاده از Module Federation با Angular 18 نشان می دهد. این برنامه شامل یک برنامه frontend و یک برنامه backend است.
کد منبع: https://github.com/thanhnlh/sample-mfe
برنامه Frontend
برنامه frontend به عنوان یک فضای کاری Angular با استفاده از monorepo ساختار یافته است. از سه برنامه Angular تشکیل شده است:
- میزبان: برنامه میزبان یا کانتینر. مسیریابی کلی را مدیریت می کند و به صورت پویا سایر برنامه ها را در زمان اجرا با استفاده از Module Federation بارگذاری می کند.
- User-Feat: یک برنامه از راه دور یا کودک که توسط برنامه میزبان مصرف می شود.
- Product-Feat: یکی دیگر از برنامه های راه دور یا فرزند که توسط برنامه میزبان نیز مصرف می شود.
برنامه Backend
برنامه Backend با Hono.js ساخته شده است، یک چارچوب وب فوق العاده سریع برای محاسبات لبه. مسیرها را با روش های زیر ارائه می دهد:
- GET: پیکربندی مسیرها را بازیابی کنید.
- POST: محصول را به پیکربندی مسیرها اضافه کنید.
- حذف: محصول را از پیکربندی مسیرها حذف کنید.
