חיפוש
  • יניב אור

מערכת מבוססת microservices - חלק 2 - מערכת ניהול - React

עודכן ב: מרץ 23

בחלק הזה אני בונה מערכת ניהול ב-React. אני עושה שימוש ב-Redux וב-React Hooks וכמו כן ב-styled-components לעבודה נוחה עם ה-CSS ובניית רכיבים.


הסברים מפורטים בסדרת המאמרים הבאה:

מערכת ניהול - React


ה-Dockerfile וה-docker-compose.yml נראים כך:


Dockerfile

יש כמה דרכים לטפל בקבצי build - הקבצים הסטטיים, שבזמן כתיבת הדברים האלה, לרוב nginx ישרת. דרך אחת היא לבנות את האפליקציה - עם npm run build - מקומית על המחשב ולהעביר את הקבצים לענן באמצעות git. רק את ה-build ב-repo נפרד. אפשרות אחרת היא לבנות את האפליקציה במחשב בענן ולמפות את התיקיה לקונטיינר שמריץ nginx.


הדרך אותה למדתי ונראית לי כרגע הכי יעילה היא ליצור קונטיינר שאליו מעתיקים את האפליקציית ריאקט כולה ועושים build בקונטיינר הזה. בשלב הבא מעתיקים את ה-build מהקונטיינר הקודם לקונטיינר nginx.


docker-compose.yml

החלק הרלוונטי למערכת ניהול ריאקט הוא admin-system-react שעושה build ל-docker image ומריץ קונטיינר על-פי ההגדרות ב-Dockerfile שהוזכרו קודם לכן. מעבר לזה יש מיפוי של פורט 80 של הקונטיינר לפורט 8081 במכונה המארחת.


שימו לב, שבנוסף להגדרות שהופיעו בחלק הקודם:

מערכת מבוססת microservices - חלק 1 - אימות משתמשים


יש הגדרות לשרתי API שיופיעו בחלק הבא:

מערכת מבוססת microservices - חלק 3 - שרתי API


© 2023 by DO IT YOURSELF. Proudly created with Wix.com