برنامه وب Nuxt.js را در Ubuntu 18.04 LTS تنظیم کنید

• Nuxt.js: چارچوب جهانی
• نصب Node.js
• برنامه داربست
• شروع اولیه
• ساختمان برای تولید
• PM2: برنامه خود را با سهولت مدیریت کنید

Nuxt.js: چارچوب جهانی

Nuxt.js یک چارچوب JavaScript است که برای ایجاد سریع برنامه های جهانی Vue.js طراحی شده است. این مشهورترین ویژگی به دلیل توانایی آن در ایجاد برنامه های Vue.js است که می توانند در سرور و همچنین مشتری ارائه دهند. در این آموزش برنامه کاربردی Nuxt.js با سرور را تنظیم و آن را در Ubuntu 18.04 LTS مستقر می کنیم.

نصب Node.js

ابتدا باید اطمینان حاصل کنید که Ubuntu 18.04 LTS را اجرا می کنید. سپس ، اگر قبلاً نصب نشده باشد ، باید Node.js را نصب کنید. در این آموزش ، ما از Node Version Manager یا NVM استفاده خواهیم کرد تا این روند بسیار ساده تر شود.

NVM را با استفاده از دستورات زیر نصب کنید.

curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh
bash install_nvm.sh
source ~/.profile
nvm install 11.1.0
nvm use 11.1.0

برنامه داربست

پس از نصب Node.js ، اکنون می توانیم بسته های مورد نیاز خود را با استفاده از NPM تنظیم کنیم. ما از یک ابزار کوچک مفید به نام create-nuxt-app، ابزاری برای جامعه ساخته می شود که به راحتی می تواند برنامه های Nuxt.js ایجاد کند.

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

npx create-nuxt-app <nameofproject>

کنسول شما را برای چندین گزینه مهم ترغیب می کند. به خاطر این آموزش ، پروژه خود را " app" می گذاریم . ما از Express به عنوان فریم ورک سرور اختصاصی خود استفاده خواهیم کرد و برنامه را در حالت جهانی اجرا خواهیم کرد ، این اطمینان را می دهد که وب سایت خود را در سرور رندر خواهیم کرد. وقتی همه مجوزهای لازم را مشخص کردید ، مراحل نصب آغاز می شود و کلیه پرونده های پیکربندی ایجاد می شوند.

شروع اولیه

پس از بارگیری همه چیز ، پوشه هایی را که تازه ایجاد کرده اید تغییر دهید.

cd app

اکنون می توانیم سرور توسعه Nuxt.js را شروع کنیم.

npm run dev

این دستورالعمل با استفاده از صفحه وب ، که یک بسته نرم افزاری ماژول است ، سایت را ایجاد می کند و سایت را در درگاه localhost که عموماً درگاه خواهد بود ، سرویس می دهد 3000. همچنین به شما امکان دسترسی به ماژول های بارگذاری مجدد داغ را می دهد که نیاز به راه اندازی مجدد برنامه در هر بار تغییر پرونده را از بین می برد. از آنجا که ما برنامه را در حالت جهانی اجرا می کنیم ، برنامه در هر دو مشتری و سرور کامپایل می شود. اکنون برنامه شما درگاه اجرا می شود 3000.

ساختمان برای تولید

حالت توسعه برای زمانی که بطور فعال برنامه خود را توسعه می دهید بسیار مفید است. با این حال ، هنگامی که شما آماده عمومی کردن برنامه خود هستید ، افزونه‌هایی مانند بارگیری مجدد داغ و ابزارهای توسعه دهنده اهمیت کمتری پیدا می کنند. به همین دلیل ما می خواهیم یک بار برنامه خود را برای یک محیط تولید بسازیم. خوشبختانه ، Nuxt.js شامل ابزاری است که می توانیم از آن برای ساخت سریع ماژول های برنامه برای تولید استفاده کنیم. موارد زیر را اجرا کنید تا مراحل ساخت تولید آغاز شود.

npm run build

در اصل ، کاری که ما در اینجا انجام می دهیم اینست که ما تمام ماژول های صفحه وب خود را با بهینه سازی هایی برای تولید ، گردآوری می کنیم.

پس از اتمام ساخت ، می توانید سایت را برای تولید راه اندازی کنید.

npm start

حال اگر به سمت حرکت بروید http://yourip:3000، صفحه نمایش چلپ چلوپ Nuxt.js را مشاهده خواهید کرد ، که تأیید می کند که در حالت تولید در حال اجرا هستید.

PM2: برنامه خود را با سهولت مدیریت کنید

اکنون اصول اجرای برنامه خود برای تولید را درک می کنیم. از نظر یک محیط تولید ، ما روشی مناسب را برای ادامه کار برنامه خود ترجیح می دهیم ، در صورت لزوم ، برنامه خود را مجدداً راه اندازی مجدد کنید و منابع برنامه خود را زیر نظر بگیرید. اینجاست که Manager Manager 2 (PM2) وارد می شود. PM2 مدیر پروسه Node.js برای برنامه های تولید است ، که شامل بسیاری از ابزارهای مهم تولید مانند توازن بار ، گزارش های پیشرفته ، اسکریپت های راه اندازی و موارد دیگر می باشد. ابتدا PM2 را نصب کنید.

npm install pm2 -g

این PM2 را در سطح جهان نصب می کند بنابراین ما می توانیم از آن در هر کجای سرور خود استفاده کنیم. پس از پایان بار PM2 ، می توانیم برنامه خود را شروع کنیم.

pm2 start <appfolder>/server/index.js

توجه داشته باشید که ما پرونده سرور را که در ریشه برنامه ما قرار دارد شروع می کنیم.

اگر می خواهید منابعی که برنامه شما مصرف می کند را مشاهده کنید ، می توانید با pm2 monitدستور این کار را انجام دهید . این رابط کاربری مشابه پرستاران ایجاد می کند ، جایی که می توانید دقیقاً داده های مربوط به RAM ، CPU و استفاده از دیسک برنامه خود را جمع آوری کنید.

در حال حاضر ، برنامه شما دقیقاً همانطور است که ما آن را با npm زودتر اجرا کردیم ، اجرا می شود ، مگر اینکه اکنون وقتی شاهد بهینه سازی تولید هستیم ، کنترل بیشتری داشته باشیم.

اکنون برنامه ساخت Nuxt.js را دارید که با Node.js و Ubuntu 18.04 برای تولید مستقر شده است. اگر می خواهید در مورد Nuxt و کلیه ویژگی های آن عمیق تر اطلاعات کسب کنید ، در صورت تمایل به اسناد رسمی آنها مراجعه کنید .