Ubuntu 18.04 LTS पर एक Nuxt.js वेब एप्लिकेशन सेट करें

• Nuxt.js: यूनिवर्सल फ्रेमवर्क
• Node.js स्थापित करना
• पाड़ आवेदन
• आरंभिक शुरुआत
• भवन निर्माण के लिए
• PM2: आसानी से अपने आवेदन का प्रबंधन

Nuxt.js: यूनिवर्सल फ्रेमवर्क

Nuxt.js एक जावास्क्रिप्ट फ्रेमवर्क है जिसे सार्वभौमिक Vue.js अनुप्रयोगों को जल्दी से बनाने के लिए डिज़ाइन किया गया है। यह Vue.js ऐप्स बनाने की अपनी क्षमता के लिए सबसे प्रसिद्ध है, जो सर्वर के साथ-साथ क्लाइंट पर भी प्रदान किए जा सकते हैं। इस ट्यूटोरियल में, हम एक सर्वर-रेंडर Nuxt.js एप्लीकेशन की स्थापना करेंगे और इसे उबंटू 18.04 LTS पर तैनात करेंगे।

Node.js स्थापित करना

सबसे पहले, आपको यह सुनिश्चित करने की आवश्यकता होगी कि आप Ubuntu 18.04 LTS चला रहे हैं। फिर, आपको Node.js को स्थापित करना होगा, अगर यह पहले से स्थापित नहीं है। इस ट्यूटोरियल में, हम इस प्रक्रिया को बहुत आसान बनाने के लिए, नोड संस्करण प्रबंधक या 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" नाम देंगे । हम अपने कस्टम सर्वर ढांचे के रूप में एक्सप्रेस का उपयोग करेंगे, और हम एप्लिकेशन को सार्वभौमिक मोड में चलाएंगे, जो यह सुनिश्चित करता है कि हम अपनी वेबसाइट को सर्वर पर प्रदान करेंगे। जब आपने सभी आवश्यक अनुमतियां निर्दिष्ट कर दी हैं, तो स्थापना प्रक्रिया शुरू हो जाएगी, और सभी कॉन्फ़िगरेशन फाइलें बनाई जाएंगी।

आरंभिक शुरुआत

एक बार सब कुछ डाउनलोड हो जाने के बाद, निर्देशिकाओं को उस फ़ोल्डर में बदलें, जिसे आपने अभी बनाया था।

cd app

अब हम Nuxt.js डेवलपमेंट सर्वर शुरू कर सकते हैं।

npm run dev

यह कमांड वेबपैक का उपयोग करके साइट का निर्माण करेगा, जो एक मॉड्यूल बंडलर है, और साइट को स्थानीयहोस्ट पोर्ट पर सेवा देगा, जो आमतौर पर पोर्ट होगा 3000। यह आपको गर्म-पुनः लोड करने वाले मॉड्यूल तक भी पहुंच प्रदान करेगा, जो हर बार जब आप फ़ाइल बदलते हैं तो एप्लिकेशन को पुनरारंभ करने की आवश्यकता को हटा देगा। चूंकि हम ऐप को यूनिवर्सल मोड में चला रहे हैं, इसलिए ऐप क्लाइंट और सर्वर दोनों पर संकलित होगा। अब आपका एप्लिकेशन पोर्ट पर चल रहा होगा 3000।

भवन निर्माण के लिए

जब आप सक्रिय रूप से अपना एप्लिकेशन विकसित कर रहे हों, तो विकास मोड काफी उपयोगी है। हालाँकि, जब आप अपने एप्लिकेशन को सार्वजनिक करने के लिए तैयार होते हैं, तो हॉट-रीलोडिंग और डेवलपर टूल जैसे ऐड कम महत्वपूर्ण हो जाते हैं। यही कारण है कि हम उत्पादन पर्यावरण के लिए एक बार अपने आवेदन का निर्माण करना चाहते हैं। शुक्र है, Nuxt.js में एक उपकरण शामिल है जिसका उपयोग हम उत्पादन के लिए अपने ऐप के मॉड्यूल को जल्दी से बनाने के लिए कर सकते हैं। उत्पादन निर्माण प्रक्रिया शुरू करने के लिए निम्नलिखित को चलाएँ।

npm run build

मूलतः, हम यहाँ क्या कर रहे हैं, हम उत्पादन के लिए अनुकूलन के साथ अपने सभी वेबपैक मॉड्यूलों का संकलन कर रहे हैं।

एक बार निर्माण पूरा हो जाने पर, आप उत्पादन के लिए साइट चला सकेंगे।

npm start

अब, यदि आप नेविगेट करते हैं http://yourip:3000, तो आपको Nuxt.js स्प्लैश स्क्रीन दिखाई देगी, जो पुष्टि करती है कि आप उत्पादन मोड में चल रहे हैं।

PM2: आसानी से अपने आवेदन का प्रबंधन

अब हम उत्पादन के लिए हमारे आवेदन को चलाने की मूल बातें समझते हैं। उत्पादन के माहौल के संदर्भ में, हम अपने आवेदन को हमेशा के लिए चालू रखने के लिए एक अच्छा तरीका पसंद करेंगे, जब आवश्यक हो, तो हमारे आवेदन को फिर से शुरू करें और हमारे आवेदन के संसाधनों की निगरानी करें। यहीं प्रोसेस मैनेजर 2 (पीएम 2) आता है। पीएम 2 उत्पादन अनुप्रयोगों के लिए एक नोड.जेएस प्रक्रिया प्रबंधक है, जिसमें कई महत्वपूर्ण उत्पादन उपकरण जैसे लोड बैलेंसिंग, उन्नत लॉग, स्टार्टअप स्क्रिप्ट और बहुत कुछ शामिल हैं। सबसे पहले, PM2 स्थापित करें।

npm install pm2 -g

यह विश्व स्तर पर PM2 स्थापित करता है ताकि हम इसे अपने सर्वर पर कहीं भी उपयोग कर सकें। पीएम 2 डाउनलोड हो जाने के बाद, हम अपना आवेदन शुरू कर सकते हैं।

pm2 start <appfolder>/server/index.js

ध्यान दें कि हम सर्वर फ़ाइल शुरू कर रहे हैं जो हमारे एप्लिकेशन रूट के अंदर स्थित है।

यदि आप उन संसाधनों को देखना चाहते हैं जो आपके एप्लिकेशन का उपभोग कर रहे हैं, तो आप pm2 monitकमांड के साथ ऐसा कर सकते हैं । यह ncurses के समान एक इंटरफ़ेस लाएगा, जहां आप अपने एप्लिकेशन की RAM, CPU और डिस्क उपयोग के बारे में डेटा को ठीक से एकत्र कर सकते हैं।

अब तक, आपका एप्लिकेशन ठीक उसी तरह से चल रहा होगा जब हम इसे npm के साथ पहले चला रहे थे, अब सिवाय इसके कि उत्पादन अनुकूलन के लिए हमारे पास बहुत अधिक नियंत्रण है।

अब आपके पास Nuxt.js एप्लिकेशन बिल्ड है जो Node.js और Ubuntu 18.04 के साथ उत्पादन के लिए तैनात है। यदि आप Nuxt के बारे में और अधिक जानना चाहते हैं, और यह सभी इन-डेप्थ फीचर्स हैं, तो बेझिझक उनके आधिकारिक दस्तावेज पर जाएँ ।