ایجاد یک برنامه کاربردی در حین پردازش می تواند کار دشواری باشد. با این حال، می توانید خط لوله خود را با استفاده از برنامه های کوچکتر برای طراحی عملکردهای فردی و سپس ادغام آنها به سطح جدیدی ببرید. این میکروسرویس‌ها الگوهای معماری هستند که به برنامه‌ها اجازه می‌دهند از مجموعه‌هایی از چندین واحد کوچکتر ساخته شوند.

در این وبلاگ، مال ماست DEWIT مهندسان میکروسرویس‌ها را بررسی می‌کنند و نحوه پیاده‌سازی آن‌ها را در برنامه‌ها و وب‌سایت‌های React و Node.js نشان می‌دهند.

تصویر بالا معماری اساسی یک اپلیکیشن مبتنی بر میکروسرویس را نشان می دهد. در مرحله بعد، اجازه دهید برخی از مزایای ارائه شده توسط میکروسرویس ها را بررسی کنیم.

مزیت کلیدی میکروسرویس ها

• به راحتی مقیاس پذیر است
• استقرار موثر
• آسان برای پیاده سازی تکنولوژی
• منحنی یادگیری کم

معایب:

• ارتباطات بین فرآیندی
• معاملات توزیع شده
• نیاز به منابع بالاتر
• مشکلات در حین رفع اشکال

میکروسرویس با React

مقدمه ای بر Microfronts

Micro-Frontends برنامه های کوچکی هستند که برای ایجاد یک برنامه بزرگتر به یکدیگر متصل می شوند. آنها معمولاً بر اساس زیر دامنه یا تابعی که هدف اصلی آنها در برنامه است تقسیم بندی می شوند.

وقتی با یک پروژه ساده سر و کار دارید که ممکن است به حداکثر سه صفحه کد نیاز داشته باشد، نیازی نیست نگران میکروسرویس باشید.

با این حال، در مواردی که پروژه شما بزرگ است و باید توسط چندین تیم توسعه ساخته شود، micro-frontends می تواند تا حد زیادی برای شما مفید باشد. برای نمونه تصویر زیر را ببینید.

شش برنامه باید در این سناریو با هم کار کنند تا برنامه اصلی ایجاد شود. به این ترتیب، می توانید ببینید که در گذرگاه رویداد داده شده، اشیاء و روش های پنجره برای ارتباط بین برنامه ها استفاده می شود.

بنابراین، هر اپلیکیشنی را می توان در هر فریم ورکی ساخت و با باطن آن ارتباط برقرار کرد.

آنها همچنان قادر به برقراری ارتباط خواهند بود و برنامه اصلی می تواند آنها را بر اساس تعاملات کاربر نصب و جدا کند.

در این سناریو، همه برنامه‌های کوچک‌تر را می‌توان به‌عنوان ریز اینترفیس در نظر گرفت. بیایید به برخی از مزایای آنها نگاه کنیم.

مزایای Mirco-Frontends

1. همه برنامه ها مستقل هستند

2. درک برنامه ها آسان تر است

3. توسعه و استقرار کارآمدتر است

4. تست و اشکال زدایی آسان تر می شود

5. عناصر اصلی ریزفرون ها:

• هر رابط نشان دهنده یک تابع یا زیر دامنه خاص از کل برنامه است
• آنها نمی توانند منطق را به اشتراک بگذارند و مستقل از یکدیگر هستند.

بهترین راه برای تقسیم برنامه ها چیست:

ایجاد میکرو فرانت‌اند مستلزم تقسیم برنامه‌های کاربردی بزرگ به فرانت‌اندهای کوچک‌تر و مستقل است.

اگرچه هیچ معیار از پیش تعیین شده ای برای این کار وجود ندارد، روش هایی که ما بیشترین موفقیت را با آنها پیدا کرده ایم عبارتند از:

مثال React Micro UI:

هر پیوند ناوبری دارای یک رابط میکرو متفاوت است.

مثال-1

همانطور که در مثال بالا مشاهده شد، اکنون یک برنامه با نوار پیمایش از مؤلفه والد و پیام «Hello World!» ما از مؤلفه فرزند داریم!

مثال-2

می بینید که URL تغییر کرده است، اما پیام “Hello World!” ما ثابت مانده است. ما باید چند تغییر در نحوه مدیریت مسیریابی نرم افزارمان ایجاد کنیم.

پس از یک به روز رسانی کوتاه از لوکال هاست: 8080دو پیوند باید ظاهر شوند و کلیک بر روی آنها باید همانطور که انتظار می رود کار کند.

بیایید خلاصه کنیم

Micro-Frontends قسمت جلویی هستند استقرار میکروسرویس ها. از آنجایی که اکثر وب‌سایت‌های مدرن اکثر کدهای خود را در سمت کلاینت دارند، استفاده از micro-frontends یک تغییر بازی برای بهبود کارایی فرآیند توسعه است.

اگرچه برای هر برنامه ای ضروری نیست، اما در مورد برنامه های بزرگتر کمک می کند. در چنین مواردی، هر برنامه از یک پشته متفاوت ساخته می شود و سپس برای ایجاد یک برنامه کاربردی معنادارتر یکپارچه می شود.

میکروسرویس با NodeJS

NodeJS یک چارچوب متن باز است که امکان استفاده از جاوا اسکریپت را در آن فراهم می کند برنامه تحت وب سمت سرور.

بیایید مفهوم میکروسرویس با NodeJS را با مثال زیر درک کنیم:

1. یک پوشه، “Microservice demo”، حاوی دو پوشه – کاربر و سفارش ایجاد کنید.

2. در پوشه کاربر، Node را با استفاده از دستور نصب کنید: npm نصب درخواست اکسپرس – ذخیره

در اینجا محیط NodeJS با اکسپرس و درخواست راه اندازی می شود.

3. سپس index.js را ایجاد کنید و کد زیر را در آن بنویسید:

4. با نود فرمان index.js اجرا کنید یا F5 را فشار دهید.

5. مراحل 1 و 2 را در پوشه سفارشات تکرار کنید.

6. سپس index.js را ایجاد کرده و کد زیر را در آن بنویسید:

این بر پورت 1000 تأثیر می گذارد که عمدتاً توسط «کاربر» استفاده می شود.

نتیجه

در نتیجه، ایجاد و مدیریت برنامه های کاربردی بزرگ با تقسیم آنها به برنامه های کوچکتر و مستقل که می توانند به صورت جداگانه توسعه یابند و بعداً یکپارچه شوند، در دسترس تر می شود.

یک برنامه اصلی بزرگتر از مجموع قطعات آن است زیرا می تواند میکروسرویس مناسب را برای اجرا در زمان مناسب بر اساس تعاملات کاربر انجام دهد.

اگر سوالی در مورد این آموزش دارید، لطفاً در زیر نظر دهید تا در اسرع وقت با شما تماس خواهیم گرفت.

پست نحوه ساخت معماری میکروسرویس با React و Node.js اولین بار در DEV IT Journal پدیدار شد.