در توسعه وب مدرن ، برنامه ها بزرگتر و پیچیده تر می شوند. در حالی که میکروسرویسها توسعه پس زمینه را متحول کرده اند ، جبهه های میکرو مزایای مشابهی را برای دنیای جبهه به ارمغان می آورند. این رویکرد به تیم های مستقل اجازه می دهد تا بخش های مختلف یک برنامه وب را به طور جداگانه توسعه ، آزمایش و مستقر کنند و منجر به مقیاس پذیری بهتر و حفظ آن شوند.
در این وبلاگ ، ما بررسی خواهیم کرد که جبهه های میکرو چیست ، چرا آنها مفید هستند ، چگونه کار می کنند و چگونه آنها را در یک پروژه پیاده سازی می کنیم.
معماری Micro Frontends چیست؟
Micro Frontends یک الگوی معماری است که در آن یک برنامه وب به مؤلفه های کوچکتر و مستقل جبهه یا برنامه های کاربردی تقسیم می شود که می توانند به طور جداگانه توسعه ، مستقر و مدیریت شوند. این برنامه های میکرو سپس با هم تشکیل می شوند تا یک تجربه کاربری یکپارچه ایجاد کنند.
خصوصیات کلیدی:
-
توسعه مستقل: تیم های مختلف می توانند روی اجزای مختلف جبهه کار کنند.
-
فناوری Agnostic: قسمت های مختلف جلوی آن را می توان با استفاده از چارچوب های مختلف (واکنش ، زاویه ای ، VUE و غیره) ساخته شد.
-
استقرار غیر متمرکز: اجزای جداگانه می توانند بدون تأثیرگذاری بر کل برنامه ، به روز و مستقر شوند.
-
مقیاس پذیری: مقیاس پذیری را با اجازه دادن به تیم های مستقل برای مدیریت بخش های مختلف جبهه افزایش می دهد.
درک جبهه های میکرو با یک مثال
شرکتی را در نظر بگیرید که چندین برنامه را به مشتریان خود ارائه می دهد:
-
سیستم ERP: برای مدیریت فرآیندها و منابع تجاری استفاده می شود.
-
داشبورد مدیر تجارت الکترونیکی: برای مدیریت محصولات ، سفارشات و مشتریان استفاده می شود.
-
سیستم مدیریت مجوز: مورد استفاده برای مدیریت مجوزهای نرم افزار.
یک مشتری مجرد ممکن است از هر سه برنامه استفاده کند ، و آنها یک برنامه ورود به سیستم را به اشتراک می گذارند که دارای تأیید اعتبار و مدیریت کاربر است.
با استفاده از یک معماری Micro Frontends ، هر یک از این برنامه ها می توانند به طور مستقل توسعه یابند در حالی که هنوز یکپارچه در یک تجربه واحد واحد ادغام می شوند.
چگونه Micro Frontends در این سناریو کمک می کند:
-
استقرار مستقل: هر سیستم (ERP ، مدیر تجارت الکترونیکی ، مدیریت مجوز) می تواند به طور جداگانه و بدون تأثیرگذاری بر دیگران به روز شود.
-
احراز هویت مشترک: برنامه ورود به سیستم می تواند یک میکرو جبهه مستقل باشد که در تمام سیستم ها به اشتراک گذاشته شده است.
-
تنوع فناوری: تیم های مختلف می توانند از چارچوب های مختلف جبهه ای مناسب برای نیازهای خود استفاده کنند.
-
مقیاس پذیری: برنامه های جدید بدون ایجاد اختلال در موارد موجود می توانند اضافه شوند.
به عنوان مثال ، برنامه ورود به سیستم می تواند با React ساخته شود ، در حالی که داشبورد ERP ممکن است از زاویه ای استفاده کند ، و سیستم مدیریت مجوز ممکن است در Vue.js. توسعه یابد. با داشتن جبهه های میکرو ، این فن آوری های مختلف جلوی می توانند در همان اکوسیستم یکسان باشند در حالی که هنوز هم به عنوان یک برنامه منسجم عمل می کنند.
چالش ها و بهترین شیوه ها
چالش
-
مدیریت دولت – مدیریت حالت در ماژول های مختلف جلو می تواند پیچیده باشد.
-
مسیریابی – هماهنگی ناوبری بین جبهه های مختلف مختلف نیاز به برنامه ریزی دقیق دارد.
-
درگیری های یک ظاهر طراحی شده – جبهه های مختلف میکرو ممکن است دارای سبک های متناقضی باشند ، که باید به درستی اداره شوند (به عنوان مثال ، با استفاده از ماژول های CSS یا DOM سایه).
بهترین روشها
-
برای ادغام یکپارچه از فدراسیون ماژول استفاده کنید.
-
مدیریت دولت مشترک را با استفاده از Redux ، Context API یا Bus Event پیاده سازی کنید.
-
دستورالعمل های طراحی مداوم را برای حفظ یکنواختی در جبهه های میکرو اتخاذ کنید.
-
از خطوط لوله CI/CD برای استقرار خودکار جبهه های میکرو جداگانه استفاده کنید.
پایان
Micro Frontends Architecture یک تغییر دهنده بازی برای برنامه های جلوی مقیاس پذیر و مدولار است. این توسعه مستقل ، استقرار سریعتر و آزادی استفاده از فناوری های مختلف در همان پروژه را امکان پذیر می کند. با استفاده از فدراسیون ماژول ، Single Spa یا مؤلفه های وب ، می توانید برنامه های جبهه ای قابل حفظ و کارآمد ایجاد کنید.
منابع و منابع
