Summarize this content to 400 words in Persian Lang
MERN Stack چیست؟MERN Stack یک پشته جاوا اسکریپت است که برای استقرار آسانتر و سریعتر برنامه های وب تمام پشته استفاده می شود. MERN Stack از 4 تکنولوژی به نام‌های MongoDB، Express، React و Node.js تشکیل شده است. این طراحی شده است تا روند توسعه را روان تر و آسان تر کند. معماری MERN به شما این امکان را می دهد که به راحتی یک معماری 3 لایه (frontend، backend، پایگاه داده) کاملاً با استفاده از JavaScript و JSON بسازید. با استفاده از این چهار فناوری می توانید کاملاً هر برنامه ای را ایجاد کنید که بتوانید به همه چیزهایی که امروزه در این جهان وجود دارد فکر کنید. حالا بیایید هر فناوری را یکی یکی درک کنیم.
MongoDB: MongoDB M از پشته MERN را تشکیل می دهد و به خوبی با اکوسیستم جاوا اسکریپت کار می کند. MongoDB یک پایگاه داده NoSQL است که در آن داده ها در اسنادی که از جفت های کلید-مقدار تشکیل شده اند ذخیره می شوند و شباهت زیادی به JSON دارند.داده ها به صورت جداول ذخیره نمی شوند و این تفاوت با سایر برنامه های پایگاه داده است. داده های ذخیره شده در MongoDB به این صورت است:
اکسپرس: Express یک چارچوب برنامه کاربردی وب انعطاف پذیر و تمیز Node.js است که مجموعه ای قوی از ویژگی ها را برای توسعه برنامه های وب و موبایل ارائه می دهد. توسعه سریع برنامه های کاربردی وب مبتنی بر Node را تسهیل می کند.Express کمک می کند تا با ماندن در اکوسیستم جاوا اسکریپت، باطن بسیار آسان بسازید. برای پروژه های شخصی ترجیح داده می شود زیرا به تمرکز بر توسعه یادگیری و ساخت پروژه ها بسیار سریع کمک می کند.در پشته MERN، Express به عنوان سرور API پشتیبان استفاده می شود که با پایگاه داده mongoDB برای ارائه داده به برنامه مشتری (React) در تعامل است.
React JS: React یک کتابخانه جاوا اسکریپت منبع باز است که برای ساخت رابط های کاربری به طور خاص برای برنامه های تک صفحه ای استفاده می شود. این برای مدیریت لایه نمایش برای برنامه های وب و تلفن همراه استفاده می شود.React به شما این امکان را می‌دهد تا از طریق کامپوننت‌های ساده، رابط‌های پیچیده بسازید، آنها را به داده‌های سرور باطن خود متصل کنید و آنها را به صورت HTML ارائه دهید.تقریباً تمام شرکت‌های فناوری مدرن از استارت‌آپ‌های اولیه گرفته تا بزرگترین شرکت‌های فناوری مانند مایکروسافت تبلیغ فیسبوک از React استفاده می‌کنند.دلیل اصلی استفاده از React برای برنامه های کاربردی یک صفحه (SPA) است. SPA به معنای ارائه کل وب سایت در یک صفحه به جای صفحات مختلف وب سایت ها است.
Node JS NodeJs یک محیط زمان اجرا جاوا اسکریپت چند پلتفرمی است، که بر روی موتور V8 کروم ساخته شده است تا کد جاوا اسکریپت را خارج از مرورگر اجرا کند تا به راحتی برنامه های سریع و مقیاس پذیر بسازد.هدف اصلی NodeJS ساده است، به ما این امکان را می‌دهد که باطن خود را در جاوا اسکریپت بنویسیم و از دردسر یادگیری یک زبان برنامه‌نویسی جدید که قادر به اجرای بک‌اند باشد، خلاص شویم. Node.js بستری برای لایه برنامه (لایه منطق) است. این برای مشتریان قابل مشاهده نخواهد بود. اینجا جایی است که برنامه های مشتری (React) درخواست هایی برای داده ها یا صفحات وب می دهند.
ایجاد پروژه MERN
پیش نیاز نصب:
Backend را با Node.js و Express ایجاد کنید:
mkdir my-project
cd my-project
npm init -y
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
نصب Dependencies Backend:
npm install express mongoose
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
Mongoose: کتابخانه ای که تعامل با MongoDB را ساده می کند.
راه اندازی سرور:
یک فایل به نام server.js ایجاد کنید و تنظیمات اصلی سرور را اضافه کنید:
Frontend را با React ایجاد کنید:
ایجاد React Application:
npx create-react-app client
cd client
npm start
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
با این کار یک برنامه React در پوشه مشتری ایجاد می شود.
Frontend را به Backend متصل کنید:در فرانت‌اند، می‌توانید از fetch یا axios برای ارسال درخواست به باطن ایجاد شده با Node.js/Express استفاده کنید.
Frontend را به Backend متصل کنید:
در برنامه React، برای واکشی یا ارسال داده‌ها، درخواست‌های HTTP را به باطن ارسال کنید. به عنوان مثال:
پروژه کامل را اجرا کنید:
Backend: در دایرکتوری اصلی پروژه (جایی که server.js قرار دارد)، اجرا کنید:
node server.js
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
Frontend: در پوشه مشتری، اجرا کنید:
npm start
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
اکنون شما یک پروژه اساسی با MERN Stack دارید!
فراموش نکنید که متغیرهای محیطی را برای محافظت از اطلاعات کد حساس پیکربندی کنید
منابع: https://www.mongodb.com/resources/languages/mern-stack-tutorial
MERN Stack چیست؟
MERN Stack یک پشته جاوا اسکریپت است که برای استقرار آسانتر و سریعتر برنامه های وب تمام پشته استفاده می شود. MERN Stack از 4 تکنولوژی به نام‌های MongoDB، Express، React و Node.js تشکیل شده است. این طراحی شده است تا روند توسعه را روان تر و آسان تر کند.
معماری MERN به شما این امکان را می دهد که به راحتی یک معماری 3 لایه (frontend، backend، پایگاه داده) کاملاً با استفاده از JavaScript و JSON بسازید. با استفاده از این چهار فناوری می توانید کاملاً هر برنامه ای را ایجاد کنید که بتوانید به همه چیزهایی که امروزه در این جهان وجود دارد فکر کنید. حالا بیایید هر فناوری را یکی یکی درک کنیم.
MongoDB: MongoDB M از پشته MERN را تشکیل می دهد و به خوبی با اکوسیستم جاوا اسکریپت کار می کند. MongoDB یک پایگاه داده NoSQL است که در آن داده ها در اسنادی که از جفت های کلید-مقدار تشکیل شده اند ذخیره می شوند و شباهت زیادی به JSON دارند.
داده ها به صورت جداول ذخیره نمی شوند و این تفاوت با سایر برنامه های پایگاه داده است. داده های ذخیره شده در MongoDB به این صورت است:
اکسپرس: Express یک چارچوب برنامه کاربردی وب انعطاف پذیر و تمیز Node.js است که مجموعه ای قوی از ویژگی ها را برای توسعه برنامه های وب و موبایل ارائه می دهد. توسعه سریع برنامه های کاربردی وب مبتنی بر Node را تسهیل می کند.
Express کمک می کند تا با ماندن در اکوسیستم جاوا اسکریپت، باطن بسیار آسان بسازید. برای پروژه های شخصی ترجیح داده می شود زیرا به تمرکز بر توسعه یادگیری و ساخت پروژه ها بسیار سریع کمک می کند.
در پشته MERN، Express به عنوان سرور API پشتیبان استفاده می شود که با پایگاه داده mongoDB برای ارائه داده به برنامه مشتری (React) در تعامل است.
React JS: React یک کتابخانه جاوا اسکریپت منبع باز است که برای ساخت رابط های کاربری به طور خاص برای برنامه های تک صفحه ای استفاده می شود. این برای مدیریت لایه نمایش برای برنامه های وب و تلفن همراه استفاده می شود.
React به شما این امکان را می‌دهد تا از طریق کامپوننت‌های ساده، رابط‌های پیچیده بسازید، آنها را به داده‌های سرور باطن خود متصل کنید و آنها را به صورت HTML ارائه دهید.
تقریباً تمام شرکت‌های فناوری مدرن از استارت‌آپ‌های اولیه گرفته تا بزرگترین شرکت‌های فناوری مانند مایکروسافت تبلیغ فیسبوک از React استفاده می‌کنند.
دلیل اصلی استفاده از React برای برنامه های کاربردی یک صفحه (SPA) است. SPA به معنای ارائه کل وب سایت در یک صفحه به جای صفحات مختلف وب سایت ها است.
Node JS NodeJs یک محیط زمان اجرا جاوا اسکریپت چند پلتفرمی است، که بر روی موتور V8 کروم ساخته شده است تا کد جاوا اسکریپت را خارج از مرورگر اجرا کند تا به راحتی برنامه های سریع و مقیاس پذیر بسازد.
هدف اصلی NodeJS ساده است، به ما این امکان را می‌دهد که باطن خود را در جاوا اسکریپت بنویسیم و از دردسر یادگیری یک زبان برنامه‌نویسی جدید که قادر به اجرای بک‌اند باشد، خلاص شویم.
Node.js بستری برای لایه برنامه (لایه منطق) است. این برای مشتریان قابل مشاهده نخواهد بود. اینجا جایی است که برنامه های مشتری (React) درخواست هایی برای داده ها یا صفحات وب می دهند.
ایجاد پروژه MERN
- پیش نیاز نصب:
- Backend را با Node.js و Express ایجاد کنید:
mkdir my-project
cd my-project
npm init -y
- نصب Dependencies Backend:
npm install express mongoose
- Mongoose: کتابخانه ای که تعامل با MongoDB را ساده می کند.
- راه اندازی سرور:
- یک فایل به نام server.js ایجاد کنید و تنظیمات اصلی سرور را اضافه کنید:
- Frontend را با React ایجاد کنید:
- ایجاد React Application:
npx create-react-app client
cd client
npm start
-
با این کار یک برنامه React در پوشه مشتری ایجاد می شود.
-
Frontend را به Backend متصل کنید:
در فرانت‌اند، می‌توانید از fetch یا axios برای ارسال درخواست به باطن ایجاد شده با Node.js/Express استفاده کنید.
- Frontend را به Backend متصل کنید:
- در برنامه React، برای واکشی یا ارسال داده‌ها، درخواست‌های HTTP را به باطن ارسال کنید. به عنوان مثال:
- پروژه کامل را اجرا کنید:
- Backend: در دایرکتوری اصلی پروژه (جایی که server.js قرار دارد)، اجرا کنید:
node server.js
Frontend: در پوشه مشتری، اجرا کنید:
npm start
اکنون شما یک پروژه اساسی با MERN Stack دارید!
- فراموش نکنید که متغیرهای محیطی را برای محافظت از اطلاعات کد حساس پیکربندی کنید
منابع: https://www.mongodb.com/resources/languages/mern-stack-tutorial
