آموزش ساخت برنامه با Express و MongoDB برای تازه کارها – پارت 2

آموزش ساخت برنامه با Express و MongoDB برای تازه کارها – پارت 2

به بخش دوم آموزش ساخت برنامه با Express و MongoDB خوش آمدید. امیدوارم قسمت قبل مورد قبول قرار گرفته باشد و مراحل قبل را با موفقیت انجام داده باشید. اگر مایل هستید اجازه دهید به مراحل بعدی ساخت برنامه بپردازیم.

READ

عملیات خواندن (READ) را به این صورت می شود تعریف کرد:‌ به عنوان مثال وقتی کاربر از طریق مرورگر صفحه ای را درخواست می کند. در پشت صحنه، مرورگر درخواست GET به سرور ارسال می کند تا عملیات خواندن را انجام دهد.

پیشنهاد می شود اگر اطلاعات بیشتری درباره عملیات HTTP می خواهید پست مفاهیم HTTP از زبان Symfony مطالعه کنید.

همانطور که در قسمت قبل دیدید، ما برای اینکه آدرس / را در برنامه تعریف کنیم از متد get در اکسپرس استفاده کردیم:

آرگومان اول آدرس محلی که درخواست GET باید آنجا را بخواند را مشخص می کند. هر آدرسی که بخواهید را می توانید مشخص کنی به عنوان مثال:

  • /http://localhost:3000
  • http://localhost:3000/myroute

ما قبلا مسیر / در برنامه مشخص کردیم. وقتی با مرورگر به آدرس localhost:3000 یا /localhost:3000 مراجعه کنیم متناسب با مسیری که در برنامه تعریف کرده ایم اجرا می شود.

دومین آرگومان یک تابع callback است که به سرور می گوید چه عملیاتی را هنگام پیدا کردن مسیر انجام دهد (ما مسیر / تعریف کردیم و وقتی به این آدرس مراجعه کردیم پیام Hello World چاپ شد). این تابع callback شامل دو آرگومان است. یک شی request و شی response که به دلخواه می توانید از محفف req و res استفاده کنید.

من قصد دارم از کدهای ES6 برای نوشتن برنامه استفاده کنم و نشان می دهم که چطور کد فوق را به ES6 تبدیل کنید.

برای آشنایی با ES6 این پست را مطالعه کنید.

برای تبدیل کد فوق به ES6 ابتدا ()function به سادگی به علامت فلش تبدیل می کنیم. کد فوق معادل کد فوق است:

حال سرور را ریستارت کنید:

  1. سرور در حال اجرا را با CTRL + C متوقف کنید.
  2. دستور node app.js دوباره اجرا کنید.

 

با انجام مراحل فوق مجددا باید Hello World را مشاهده کنید.

حال اجازه دهید به جای این کار کاری کنیم تا کاربر وقتی به آدرس / مراجعه می کند صفحه index.html در مروگر بارگذاری شود.

متد sendFile فایل index.html که در ریشه پروژه ایجاد کرده ایم را بارگذاری می کند.

حال HTML های زیر را به فایل index.html اضافه کنید:

سرور را ریستارت و مروگر را ریفرش کنید. باید خروجی زیر را مشاهده کنید:

tutorial node.js

مراحل قبل اکسپرس به درخواست GET پاسخ می دهد.

حتما تا اینجا حدس زده اید که برای هر تغییر در کد فایل app.js لازم است سرور را ریستارت کنیم. این روند بسیار خسته کننده است، بنابراین اجازه دهید مسیر بهتر را با معرفی پکیج nodemon نشان دهم.

پکیج Nodemon

وقتی فایل را تغییر و ذخیره می کنید Nodemon سرور را بطور خودکار ریستارت می کند. ما می توانیم Nodemon را با دستور زیر دانلود و نصب کنیم:

دلیلی که از save-dev-- استفاده کردیم این است که ما قصد داریم فقط از Nodemon در هنگام توسعه استفاده کنیم. این آرگومان Nodemon را به عنوان devDependency در فایل package.json ذخیره می کند.

ما می توانیم سرور را با دستور زیر اجرا کنیم:

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