مسعود زرجانی
مسعود زرجانی
خواندن ۳ دقیقه·۶ سال پیش

نوشتن اولین api با فریم ورک express در Node.js به همراه آموزش mongodb با متد mvc قسمت اول


برای شروع کار و نوشتن کدها باید موارد زیر را نصب کنیم تا کد نویسی node.js را آغاز کنیم.

نصب Visual Studio Code: برای نصب کافیست از این لینک برنامه را دانلود کنیم و نصب را کامل انجام بدهیم.

ادیتور Vscode یکی از بهترین ادیتور ها برای نوشتن کد های جاوا اسکریپتی که من به شما پیشنهاد می دم، هم اینکه افزونه های فراوانی داره و کار رو راحت می کنه براتون و هم اینکه بسیار سبک است و مهمتر از همه این موارد این است که Open Source هست.

نصب node.js: برای نصب اول به این لینک رفته و آخرین نسخه را دریافت و نصب می نماییم.

نصب mongodb: به سایت mongodb.com میرویم و طبق مراحل تصویری زیر کار را برای دانلود دیتابیس ادامه میدهیم.

وارد سایت شده و بر روی دکمه Get MongoDB کلیک کنید.
وارد سایت شده و بر روی دکمه Get MongoDB کلیک کنید.
در مرحله بعد از بخش Tools گزینه Compass را انتخاب کنید تا GUI دیتابیس را نصب کنیم.
در مرحله بعد از بخش Tools گزینه Compass را انتخاب کنید تا GUI دیتابیس را نصب کنیم.
حالا با انتخاب نسخه و مورد نیاز جهت دانلود و سیستم عاملی که قرار است بر روی آن نصب شود عملیات دانلود را آغاز میکنیم.
حالا با انتخاب نسخه و مورد نیاز جهت دانلود و سیستم عاملی که قرار است بر روی آن نصب شود عملیات دانلود را آغاز میکنیم.

پس از دانلود مراحل نصب را از طریق داکیومنت خود mongodb پی میگیریم.

نصب express: برای نصب اول باید ترمینال ادیتور را باز کنیم برای این کار در VS Code کلید های ترکیبی Ctrl + ` را می فشاریم و یا از منوی View گزینه Terminal را انتخاب میکنیم و سپس با دستورات CMD به پوشه مورد نیاز جهت نصب بروید و یا ادیتور را در مسیری که پروژه قرار است فعال شود باز کنید. در ترمینال می بایست فایل package.json را ایجاد کنیم برای این کار و برای اینکه سریعتر کار را به اتمام برسانیم از دستور زیر استفاده می کنیم.

npm init --y

or

npm init --f

البته اگر از دستور npm init به تنهایی استفاده نماییم حتما می بایست به سوالاتی که از ما میپرسد نظیر نام پروژه، نسخه پروژه، نام نویسنده و ... پاسخ دهیم.

بعد از این که نصب رو انجام دادیم با وارد کردن دستور زیر در ترمینال express را نصب میکنیم.

npm install express
البته در زمانی که شما قصد نصب یک پکیج رو دارید می توانید به جای استفاده از کلمه install از مخفف آن یعنی i استفاده کنید

نصب middleware: برای تکمیل کار و همچنین استفاده بهتر از express ما نیاز داریم یکسری پکیج های اضافه نیز نصب کنید برای این منظور دستور زیر را در ترمینال وارد کنید.

npm install mongoose nodemon body-parser cors

شما با نصب پکیج mongoose امکان اتصال node.js را با دیتابیس mongodb را دارید همچنین برای اجرای بلادرنگ کد بر روی سرور (با هر تغییر در کد شما بلافاصله می توانید خروجی را مشاهده کنید) از nodemon استفاده میکنیم دو مورد دیگر هم در ادامه توضیح خواهم داد.

اگر فایل package.json را باز کنید مشاهده خواهید کرد در بخش dependencies مواردی که در بالا نصب کرده ایم در این بخش قرار گرفته است.

تکمیل نصب dependencies
تکمیل نصب dependencies

برا نوشتن کد ها باید یک فایل جدید با نام index.js ایجاد کنید و در داخل آن کد های زیر را وارد نمایید.

برای تست نصب و راه اندازی express کد زیر را ابتدا جهت معرفی express و راه اندازی آن اضافه میکنیم.

const express = require('express');
const app = express();

بعد از افزودن کد بالا نیاز داریم تا سرور را راه اندازی و اجرا کنیم برای این کار با استفاده از دستور listen باید سرور را راه اندازی کنیم، کد زیر را در ادامه فایل index.js اضافه کنید.

app.listen(3000 , () => { console.log(`Server running at Port 3000`) });

حالا برای اجرا کافی است در ترمینال خود دستور nodemon index.js را وارد نمایید تا استارت سرور آغاز شود.

به جای nodemon میتوانید از پیش فرض خود node.js یعنی node index.js استفاده کنید.
پس از اجرا با دستور nodemon index.js
پس از اجرا با دستور nodemon index.js

سرور ما شروع به کار کرد بر روی پورت 3000 ولی هنوز امکان مشاهده بر روی مرورگر را نداریم.

نکته: میتوانیم برای استفاده راحت تر و سریع تر از nodemon کد زیر را در بخش scripts فایل package.json به جای test اضافه کنیم و با دستور npm run start سرور را راه اندازی کنیم.

"start": "nodemon index.js"

همانند تصویر زیر:

خروجی با استفاده از دستور npm run start
خروجی با استفاده از دستور npm run start

ادامه دارد...




mvcnodejsexpressmongodبرنامه نویسی
یک علاقه مند به برنامه نویسی https://masoudzarjani.ir/
انتشارات تخصصی زبان برنامه نویسی جاوااسکریپت و تکنولوژی‌های Front-end
شاید از این پست‌ها خوشتان بیاید