Nuxt.js एक जावास्क्रिप्ट फ्रेमवर्क है जिसे सार्वभौमिक Vue.js अनुप्रयोगों को जल्दी से बनाने के लिए डिज़ाइन किया गया है। यह Vue.js ऐप्स बनाने की अपनी क्षमता के लिए सबसे प्रसिद्ध है, जो सर्वर के साथ-साथ क्लाइंट पर भी प्रदान किए जा सकते हैं। इस ट्यूटोरियल में, हम एक सर्वर-रेंडर Nuxt.js एप्लीकेशन की स्थापना करेंगे और इसे उबंटू 18.04 LTS पर तैनात करेंगे।
सबसे पहले, आपको यह सुनिश्चित करने की आवश्यकता होगी कि आप 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 स्प्लैश स्क्रीन दिखाई देगी, जो पुष्टि करती है कि आप उत्पादन मोड में चल रहे हैं।
अब हम उत्पादन के लिए हमारे आवेदन को चलाने की मूल बातें समझते हैं। उत्पादन के माहौल के संदर्भ में, हम अपने आवेदन को हमेशा के लिए चालू रखने के लिए एक अच्छा तरीका पसंद करेंगे, जब आवश्यक हो, तो हमारे आवेदन को फिर से शुरू करें और हमारे आवेदन के संसाधनों की निगरानी करें। यहीं प्रोसेस मैनेजर 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 के बारे में और अधिक जानना चाहते हैं, और यह सभी इन-डेप्थ फीचर्स हैं, तो बेझिझक उनके आधिकारिक दस्तावेज पर जाएँ ।
LiteCart PHP, jQuery और HTML में लिखा गया एक स्वतंत्र और ओपन सोर्स शॉपिंग कार्ट प्लेटफॉर्म है। यह ई-कॉमर्स सॉफ्टवेअर का उपयोग करने के लिए एक सरल, हल���का और आसान है
एनएफएस एक नेटवर्क-आधारित फाइल सिस्टम है जो कंप्यूटरों को कंप्यूटर नेटवर्क पर फाइलों तक पहुंचने की अनुमति देता है। यह मार्गदर्शिका बताती है कि आप एनएफ पर फ़ोल्डर्स को कैसे उजागर कर सकते हैं
एक अलग प्रणाली का उपयोग? माटोमो (पूर्व में पिविक) एक ओपन सोर्स एनालिटिक्स प्लेटफॉर्म है, जो गूगल एनालिटिक्स का एक खुला विकल्प है। Matomo स्रोत को होस्ट किया गया है
टीमटॉक एक कॉन्फ्रेंसिंग प्रणाली है जो उपयोगकर्ताओं को उच्च-गुणवत्ता वाले ऑडियो / वीडियो वार्तालाप, टेक्स्ट चैट, स्थानांतरण फ़ाइलें और स्क्रीन साझा करने की अनुमति देती है। यह मैं
एक अलग प्रणाली का उपयोग? परिचय CyberPanel बाजार पर पहला नियंत्रण पैनल है जो दोनों खुला स्रोत है और OpenLiteSpeed का उपयोग करता है। क्या थी?
एलयूकेएस (लिनक्स यूनिफाइड की सेटअप) लिनक्स के लिए उपलब्ध विभिन्न डिस्क एन्क्रिप्शन प्रारूपों में से एक है जो प्लेटफॉर्म एग्नॉस्टिक है। यह ट्यूटोरियल आपको बुद्धि प्रदान करेगा
Vultr अपने VPS को कॉन्फ़िगर करने, स्थापित करने और उपयोग करने के लिए कई अलग-अलग तरीके प्रदान करता है। क्रेडेंशियल एक्सेस करें आपके VPS के लिए डिफ़ॉल्ट एक्सेस क्रेडेंशियल ar
इंटरनेट रिले चैट (आईआरसी) एक ऐसी चीज है जो इंटरनेट के शुरुआती दिनों से आसपास है। इस गाइड में, मैं आपको आईआर सेटअप करने का तरीका दिखाऊंगा
एक अलग प्रणाली का उपयोग? ब्रेटली एक नई संपीड़न विधि है जिसमें GZIP से बेहतर संपीड़न अनुपात है। इसका स्रोत कोड सार्वजनिक रूप से इस Githu पर होस्ट किया गया है
परिचय MySQL में विचारों के रूप में एक महान विशेषता है। दृश्य संग्रहीत प्रश्न हैं। अन्यथा लंबी क्वेरी के लिए उन्हें एक उपनाम के रूप में सोचें। इस गाइड में,
एक अलग प्रणाली का उपयोग? सबरियन 4.1 सीएमएस एक शक्तिशाली और लचीला खुला स्रोत कंटेंट मैनेजमेंट सिस्टम (सीएमएस) है जो सहज और स्पष्ट रूप से सामने लाता है
एक अलग प्रणाली का उपयोग? DokuWiki PHP में लिखा एक खुला स्रोत विकी प्रोग्राम है जिसमें एक डेटाबेस की आवश्यकता नहीं होती है। यह पाठ फ़ाइलों में डेटा संग्रहीत करता है। DokuWik
यह आलेख आपको सिखाएगा कि डेबियन पर चेरोट जेल कैसे सेट करें। मुझे लगता है कि आप डेबियन 7.x का उपयोग कर रहे हैं यदि आप डेबियन 6 या 8 चला रहे हैं, तो यह काम कर सकता है, बू
परिचय डेबियन पर वीपीएन सर्वर स्थापित करने का एक आसान तरीका PiVPN के साथ है। PiVPN OpenVPN के लिए एक इंस्टॉलर और आवरण है। यह आपके लिए सरल कमांड बनाता है
एक अलग प्रणाली का उपयोग? चूंकि GitHub को Microsoft द्वारा अधिग्रहित किया गया था, काफी कुछ डेवलपर्स ने अपने स्वयं के कोड रिपॉजिटरी को github.co से माइग्रेट करने की योजना बनाई है
PBX इन ए फ्लैश 5 (PIAF5) एक डेबियन 8 आधारित ऑपरेटिंग सिस्टम है जो आपके Vultr VPS को पूर्ण विकसित PBX में बदल देता है। इसके पास निम्नलिखित विशेषताएं हैं, और बहुत कुछ।
एक अलग प्रणाली का उपयोग? परिचय CyberPanel बाजार पर पहला नियंत्रण पैनल है जो दोनों खुला स्रोत है और OpenLiteSpeed का उपयोग करता है। क्या थी?
एक अलग प्रणाली का उपयोग? घोस्ट एक ओपन सोर्स ब्लॉगिंग प्लेटफॉर्म है जो अपने 201 के बाद से डेवलपर्स और आम उपयोगकर्ताओं के बीच लोकप्रियता हासिल कर रहा है
RockMongo एक वेब-आधारित MongoDB प्रबंधन उपकरण है जो MySQL प्रबंधन उपकरण के समान है: phpMyAdmin। यह ट्यूटोरियल इंस्टॉलिन की प्रक्रिया को कवर करेगा
किसी और Vultr सर्वर को आर्क लिनक्स (इस लेख को देखें) तक चला रहे हैं। सूडो पहुंच: रूट के रूप में चलाने के लिए आवश्यक कमांड #, और एक द्वारा उपसर्ग किए जाते हैं।
LiteCart PHP, jQuery और HTML में लिखा गया एक स्वतंत्र और ओपन सोर्स शॉपिंग कार्ट प्लेटफॉर्म है। यह ई-कॉमर्स सॉफ्टवेअर का उपयोग करने के लिए एक सरल, हल���का और आसान है
एनएफएस एक नेटवर्क-आधारित फाइल सिस्टम है जो कंप्यूटरों को कंप्यूटर नेटवर्क पर फाइलों तक पहुंचने की अनुमति देता है। यह मार्गदर्शिका बताती है कि आप एनएफ पर फ़ोल्डर्स को कैसे उजागर कर सकते हैं
एक अलग प्रणाली का उपयोग? माटोमो (पूर्व में पिविक) एक ओपन सोर्स एनालिटिक्स प्लेटफॉर्म है, जो गूगल एनालिटिक्स का एक खुला विकल्प है। Matomo स्रोत को होस्ट किया गया है
टीमटॉक एक कॉन्फ्रेंसिंग प्रणाली है जो उपयोगकर्ताओं को उच्च-गुणवत्ता वाले ऑडियो / वीडियो वार्तालाप, टेक्स्ट चैट, स्थानांतरण फ़ाइलें और स्क्रीन साझा करने की अनुमति देती है। यह मैं
परिचय यह आलेख बताएगा कि विंडोज सर्वर 2012 पर गारस मोड सर्वर को कैसे डाउनलोड और इंस्टॉल किया जाए। यह गाइड गहराई में होने के लिए बनाया गया है।
एक अलग प्रणाली का उपयोग? परिचय CyberPanel बाजार पर पहला नियंत्रण पैनल है जो दोनों खुला स्रोत है और OpenLiteSpeed का उपयोग करता है। क्या थी?
FFmpeg ऑडियो और वीडियो रिकॉर्ड करने, कन्वर्ट करने और स्ट्रीम करने के लिए एक लोकप्रिय ओपन सोर्स समाधान है, जो सभी प्रकार की ऑनलाइन स्ट्रीमिंग सेवाओं में व्यापक रूप से उपयोग किया जाता है। मैं
एलयूकेएस (लिनक्स यूनिफाइड की सेटअप) लिनक्स के लिए उपलब्ध विभिन्न डिस्क एन्क्रिप्शन प्रारूपों में से एक है जो प्लेटफॉर्म एग्नॉस्टिक है। यह ट्यूटोरियल आपको बुद्धि प्रदान करेगा
Vultr अपने VPS को कॉन्फ़िगर करने, स्थापित करने और उपयोग करने के लिए कई अलग-अलग तरीके प्रदान करता है। क्रेडेंशियल एक्सेस करें आपके VPS के लिए डिफ़ॉल्ट एक्सेस क्रेडेंशियल ar
अक्टूबर एक खुला स्रोत सामग्री प्रबंधन प्रणाली है जो लारवेल PHP फ्रेमवर्क पर आधारित है। एक सुरुचिपूर्ण इंटरफ़ेस और एक संक्षिप्त मॉड्यूलर वास्तुकला के साथ
