• خانه
  • وبلاگ
  • نحوه توسعه اپلیکیشن Dockerize با Angular و Node JS

نحوه توسعه اپلیکیشن Dockerize با Angular و Node JS

 تاریخ انتشار :
/
  وبلاگ
نحوه توسعه اپلیکیشن Dockerize با Angular و Node JS


توسعه برنامه Dockerize شما با Angular JS و Node JS بسیار ساده تر است. با این حال، قبل از اینکه یاد بگیرید چگونه آن را توسعه دهید، ایده خوبی است که یاد بگیرید Docker چیست.

داکر چیست؟

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

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

معماری پایه داکر

نحوه توسعه اپلیکیشن Dockerize با Angular و Node JS

مزایای استفاده از Docker؟

در اینجا برخی از مزایای استفاده از Docker در طول فرآیند توسعه آورده شده است:

  • اجرای سریع
  • قابل حمل بودن
  • کنترل نسخه
  • عایق
  • امنیت

مفروضات

چندین پیش نیاز برای توسعه برنامه شما با Docker وجود دارد. اول، فرض می کنیم که خواننده دانش اولیه توسعه با AngularJS و Node JS را دارد. علاوه بر این، موارد زیر باید بر روی سیستم کامپیوتر شما تنظیم شود:

  1. Node (https://nodejs.org/en/download/)
  2. زاویه ای
  3. داکر (https://docs.docker.com/engine/install/)
  4. سیستم عامل: ویندوز
  5. نمونه اپلیکیشن Angular JS و Node JS را می توانید از لینک زیر دانلود کنید: https://github.com/bbachi/angular-nodejs-example.git

در این وبلاگ، روند مورد نیاز برای استقرار برنامه کامل mid-stack را با مثال های زنده توضیح خواهیم داد.

به نکات زیر خواهیم پرداخت:

  1. معرفی.
  2. اتصال برنامه نمونه از یک ماشین محلی.
  3. برنامه های docker را اجرا کرده و به آنها دسترسی پیدا کنید.
  4. نتیجه

1 معرفی

  • می‌توانید با Dockerize شروع کنید و تصویر Docker را با استفاده از موتورهای ارکستراسیون کانتینر مانند Docker یا Kubernetes اجرا کنید. ما در مثال خود به برنامه Dockerize می کنیم و یک تصویر ایجاد می کنیم و آن را روی Docker در ماشین محلی خود اجرا می کنیم. همچنین می‌توانیم روی این تصویر در مرکز داکر کلیک کنیم و آن را در زمان و جایی که به آن نیاز داریم بکشیم.
  • ایجاد یک تصویر Docker: پس از نصب برنامه نمونه، باید یک تصویر داکر ایجاد کنید. دستورات مربوط به همان دنبال می شوند
// create an image
docker build -t angular-node-image.
// running on Image
docker run -it -p 3080:3080 --name ang-node-ui angular-node-image

2. برنامه Dockerize از ماشین محلی

  • FROM: از تصویر رسمی یک گره به عنوان تصویر اصلی استفاده کنید
  • WORKDIR: دایرکتوری کاری را تنظیم کنید
  • RUN: از دستور RUN برای نصب یا اجرا استفاده کنید
  • کپی: پوشه ها/فایل را در منبع تا مقصد کپی کنید.
  • EXPOSE: پورت تعریف شده است
// build the image
docker build -t angular-node-image .// check the images
docker images

دستورات اضافی

  • برای ساختن تصویر داکر زاویه ای دستور زیر را اجرا کنید.
docker build -t angular
  1. دستور زیر را برای ساختن تصویر تنظیم گره اجرا کنید.
docker build -t node
#Run Angular Docker image
docker run -d -it -p 4200:4200/tcp --name angular
#Run Node Docker image
docker run -d -it -p 3000:3000/tcp --name node

فایل پیکربندی Angular Docker

نحوه توسعه اپلیکیشن Dockerize با Angular و Node JS

فایل پیکربندی Node JS

نحوه توسعه اپلیکیشن Dockerize با Angular و Node JS

3. یک برنامه را در Docker اجرا کنید و به آن دسترسی پیدا کنید

هنگامی که تصویر را با موفقیت ساختیم، زمان اجرای هر دو برنامه (Angular و Node JS) با استفاده از تصویر داکر فرا می رسد. پورت مشترک را تنظیم و آشکار کردیم: 3080.

docker run -d -p  3080:3080 --name ang-node-ui angular-node-image
docker ps
نحوه توسعه اپلیکیشن Dockerize با Angular و Node JS

به برنامه docker دسترسی پیدا کنید
http://localhost: 3080.

خلاصه کردن

در این وبلاگ، نحوه توسعه، راه‌اندازی و استقرار برنامه‌ها را به روش docker کارآمد مورد بحث قرار دادیم. این معماری مقیاس پذیر مطمئناً به توسعه و راه اندازی برنامه های کاربردی آینده نگر در سطح بالا در حال حرکت کمک می کند. با این حال، اگر هنوز در این مورد نظر دارید یا سؤالی از کارشناسان DEV IT ما دارید، از تماس با ما یا ارسال نظر در زیر دریغ نکنید.

نشریه How to develop a Dockerize application with Angular and Node JS اولین بار در مجله DEV IT ظاهر شد.