Netlify पर रिएक्ट एप्लिकेशन को तैनात करने के 3 तरीके

डायनेमिक वेब एप्लिकेशन में कार्यात्मक यूजर इंटरफेस बनाने के लिए रिएक्ट एक लोकप्रिय जावास्क्रिप्ट लाइब्रेरी है। हो सकता है कि आपने अगला Instagram या Airbnb बनाने के प्रयास में रिएक्ट कोड डीबग करने में कई घंटे बिताए हों।

आप चाहे जो भी निर्माण कर रहे हों, अंतिम लक्ष्य हमेशा अपने काम को दुनिया के सामने प्रदर्शित करना होता है। यहीं पर Netlify जैसे होस्टिंग प्लेटफॉर्म काम आते हैं। वे उपकरणों का एक सूट प्रदान करते हैं जो परिनियोजन प्रक्रिया को सुव्यवस्थित करते हैं।

Netlify के उपयोग में आसान परिनियोजन टूल का उपयोग करके अपने रिएक्ट एप्लिकेशन को कैसे परिनियोजित करना है, यह जानने के लिए आगे बढ़ें।

नेटलाइज़ क्या है?

Netlify एक क्लाउड-आधारित विकास मंच है जिसमें ऐसी विशेषताएं हैं जो वेब पर अनुप्रयोगों की मेजबानी और तैनाती को बहुत आसान बनाती हैं। सीधे शब्दों में कहें, यह कई प्रकार के उपकरण और सेवाएं प्रदान करता है जो प्रक्रिया को सुव्यवस्थित और सरल बनाते हैं जिससे आप सेकंड के भीतर एक वेब एप्लिकेशन को तैनात और होस्ट कर सकते हैं।

Netlify की मुख्य विशेषताएं

Netlify में कई प्रकार की सुविधाएँ हैं जो परिनियोजन प्रक्रिया को सरल बनाती हैं।

• यह परियोजनाओं पर कुशलतापूर्वक और प्रभावी ढंग से सहयोग करने के लिए विकास टीमों को सक्षम करने के लिए आवश्यक पहुंच और संस्करण नियंत्रण सुविधाएं प्रदान करता है।
• यह सुरक्षित होस्टिंग सेवाएँ प्रदान करता है जिन्हें आप अपनी आवश्यकताओं के अनुरूप समायोजित कर सकते हैं। इसके अतिरिक्त, यह डेटा हानि के मामले में स्वचालित बैकअप प्रदान करता है।
• यह गिटहब, गिटलैब और बिटबकेट जैसी लोकप्रिय क्लाउड डेवलपमेंट सेवाओं के साथ समेकित रूप से एकीकृत होता है।
• यह ऐसी सुविधाएँ प्रदान करता है जो आपके एप्लिकेशन के लिए एक कस्टम डोमेन URL और एक SSL प्रमाणपत्र को सेट अप और कॉन्फ़िगर करना आसान बनाता है।

एक डेमो रिएक्ट एप्लिकेशन बनाएं

1. आरंभ करने के लिए, आपको पहले की आवश्यकता होगी एक डेमो रिएक्ट एप्लिकेशन बनाएं जिसे आप अंततः Netlify पर परिनियोजित करेंगे। रिएक्ट एप्लिकेशन बनाने के लिए अपने टर्मिनल पर नीचे दी गई कमांड चलाएँ:

   npx create-react-app डेमो-रिएक्शन-netlify-app

2. अगला, विकास सर्वर को स्पिन करने के लिए इस टर्मिनल कमांड को चलाएँ:

   एनपीएम प्रारंभ

   आगे बढ़ें और अपने ब्राउज़र में परिणाम देखें http://localhost: 3000.
3. अंत में, अपने एप्लिकेशन का उत्पादन-तैयार संस्करण बनाने के लिए यह कमांड चलाएँ:

   एनपीएम रन बिल्ड

   यह कमांड रूट डायरेक्टरी में एक नए फोल्डर के अंदर आवश्यक प्रोडक्शन फाइल्स और एसेट्स बनाता है, जिसे बिल्ड कहा जाता है। बिल्ड फोल्डर पूरे एप्लिकेशन के एक छोटे संस्करण को कैप्चर करता है, जिसमें एप्लिकेशन को तैनात करने के लिए आवश्यक सब कुछ होता है।

Netlify पर रिएक्ट एप्लिकेशन को तैनात करें

Netlify तीन विधियाँ प्रदान करता है जिनका उपयोग आप अपने रिएक्ट एप्लिकेशन को तैनात करने के लिए कर सकते हैं। तुम कर सकते हो:

• गिटहब जैसे गिट रिपोजिटरी होस्ट से अपनी परियोजना आयात करें।
• ड्रैग एंड ड्रॉप फीचर का इस्तेमाल करें।
• कमांड लाइन टूल, Netlify's CLI का उपयोग करें।

गिटहब आयात सुविधा का उपयोग करके तैनात करें

1. से शुरू GitHub पर एक रिपॉजिटरी बनाना अपनी रिएक्ट एप्लिकेशन प्रोजेक्ट फ़ाइलों को रखने के लिए। वैकल्पिक रूप से, आप अपनी प्रोजेक्ट फ़ाइलों को किसी अन्य समर्थित Git प्रदाता जैसे GitLab, Bitbucket, या Azure DevOps पर भी होस्ट कर सकते हैं।
2. अगला, एक खाते के लिए साइन अप करें नेटलाइज़ करें. साइन अप करने के बाद, अपने खाते के डैशबोर्ड पर नेविगेट करें और चुनें साइटों टैब।
3. पर क्लिक करें गिट से आयात करें बटन।
4. अपना पसंदीदा गिट प्रदाता प्लेटफॉर्म चुनें। Netlify आपको अपने Git प्रदाता के साथ प्रमाणित करने के लिए कहेगा ताकि इसे आपके खाते और रिपॉजिटरी तक पहुंच प्रदान की जा सके।
5. एक बार जब आप ऐसा कर लेते हैं, तो Netlify आपके Git प्रदाता पर रिपॉजिटरी की सूची प्रदर्शित करेगा। रिएक्ट प्रोजेक्ट रिपॉजिटरी का चयन करें जिसे आपने शुरू में अपने Git प्रदाता को पुश किया था।
6. रिपॉजिटरी का चयन करने के बाद, आपको यह निर्दिष्ट करने की आवश्यकता है कि Netlify को परिनियोजन प्रक्रिया को कैसे संभालना चाहिए। आमतौर पर, स्थैतिक वेबसाइटों के लिए, आपको कोई बदलाव नहीं करना पड़ता है, हालाँकि, गतिशील वेबसाइटों जैसे रिएक्ट एप्लिकेशन के लिए, आपको बिल्ड सेटिंग्स सेट करनी होंगी। सौभाग्य से, Netlify डिफ़ॉल्ट रूप से एप्लिकेशन को बनाने के लिए उपयोग किए जाने वाले ढांचे का पता लगाता है और आवश्यक बिल्ड सेटिंग्स के साथ फ़ील्ड को पॉप्युलेट करता है।
7. अंत में क्लिक करें साइट तैनात करें प्रक्रिया समाप्त करने के लिए।

अपने ब्राउज़र पर एप्लिकेशन देखने के लिए दिए गए URL पर क्लिक करें। यदि आपके पास एक कस्टम डोमेन URL है, तो आप साइट की सेटिंग से URL को अपडेट करके Netlify को अपनी साइट के साथ इसका उपयोग करने का निर्देश दे सकते हैं।

ड्रैग एंड ड्रॉप फीचर का उपयोग करके तैनात करें

Netlify पर अपने रिएक्ट एप्लिकेशन को तैनात करने का यह सबसे आसान तरीका है। आपको केवल बिल्ड फोल्डर को Netlify के ड्रैग-एंड-ड्रॉप यूजर इंटरफेस में ड्रैग और ड्रॉप करना होगा।

1. Netlify के डैशबोर्ड पर, चुनें साइट टैब। अगला, पर क्लिक करें नई साइट जोड़ें और फिर चुनें मैन्युअल रूप से तैनात करें ड्रॉप-डाउन मेनू विकल्पों से।
2. ड्रैग-एंड-ड्रॉप फीचर पेज में, रिएक्ट बिल्ड फाइल वाले फ़ोल्डर का चयन करें और इसे इस यूजर इंटरफेस में छोड़ दें। परियोजना तुरंत Netlify पर तैनात हो जाएगी। वैकल्पिक रूप से, आप पर क्लिक कर सकते हैं अपलोड करने के लिए ब्राउज़ करें फ़ाइल सिस्टम से अपने बिल्ड फ़ोल्डर का चयन करने के लिए।

Netlify के कमांड लाइन इंटरफेस का उपयोग करके तैनात करें

Netlify के कमांड लाइन इंटरफ़ेस (CLI) का उपयोग करके, आप अपने रिएक्ट एप्लिकेशन को सीधे टर्मिनल से तैनात कर सकते हैं। इसके अतिरिक्त, Netlify का CLI आपको निरंतर परिनियोजन को कॉन्फ़िगर करने की अनुमति देता है ताकि जब आप अपने Git रिपॉजिटरी में नए अपडेट को सबमिट और पुश करें, तो वे स्वचालित रूप से तैनात हो जाएं।

1. Netlify के CLI को स्थापित करने के लिए अपने टर्मिनल पर नीचे दी गई कमांड चलाएँ:

   NPM स्थापित करना netlify-cli -g

2. अब, अपने एप्लिकेशन को परिनियोजित करने के लिए नीचे दी गई कमांड चलाएँ। परिनियोजन से पहले सुनिश्चित करें कि आप परियोजना की कार्यशील निर्देशिका में हैं।

   netlify तैनात करें

   Netlify का CLI आपको अपने खाते में बदलाव करने की अनुमति देने के लिए कहेगा। अनुमति देने के बाद, उस टीम खाते का नाम प्रदान करें जिसे आपने साइन अप करते समय दिया था, फिर चुनें कि क्या ऐप की निर्देशिका को किसी मौजूदा वेबसाइट से लिंक करना है या एक नई वेबसाइट बनाना और कॉन्फ़िगर करना है एक। एक कस्टम वेबसाइट नाम और अपने बिल्ड फ़ोल्डर का नाम प्रदान करके समाप्त करें।
3. सीएलआई आपके आवेदन का एक मसौदा संस्करण तैनात करेगा। जांचें कि सब कुछ अपेक्षा के अनुरूप काम करता है।
4. अंत में, अपने एप्लिकेशन को उत्पादन में परिनियोजित करने के लिए नीचे दी गई कमांड चलाएँ।

   netlify तैनात करें --प्रोड

तीन परिनियोजन विधियों की तुलना करना

गिटहब आयात विधि उत्पादन ऐप्स को तैनात करने के लिए सबसे कुशल है क्योंकि यह आपको लिंक करने में सक्षम बनाती है अपने Git रिपॉजिटरी को सीधे Netlify पर ले जाएं और अपने कोड को उनकी लाइव वेबसाइट या एप्लिकेशन के साथ सिंक में रखें। जब आप अपने Git रिपॉजिटरी में परिवर्तन करते हैं और पुश करते हैं, तो Netlify स्वचालित रूप से वेबसाइट को अपडेट कर देगा।

स्थिर साइटों को तैनात करने के लिए ड्रैग-एंड-ड्रॉप विधि सरल है, क्योंकि इसके लिए किसी कोडिंग या सेटअप की आवश्यकता नहीं है। हालाँकि, जब आप अपने रिपॉजिटरी में परिवर्तन करते हैं तो यह स्वचालित अपडेट की अनुमति नहीं देता है।

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

Netlify में ऐप्स को डिप्लॉय करने के लिए तीनों तरीके उपयोगी हैं। आखिरकार, किसका उपयोग करना है इसका विकल्प प्रत्येक व्यक्तिगत परियोजना की जरूरतों पर निर्भर करेगा।

अन्य अनुप्रयोगों को परिनियोजित करने के लिए Netlify का उपयोग करना

Netlify एक शक्तिशाली और बहुमुखी उपकरण है जिसका उपयोग आप केवल रिएक्ट करने वाले अन्य अनुप्रयोगों को तैनात करने के लिए कर सकते हैं। आप इसका उपयोग एंगुलर जैसी विभिन्न रूपरेखाओं के साथ निर्मित स्थैतिक वेबसाइटों और गतिशील अनुप्रयोगों को तैनात और होस्ट करने के लिए कर सकते हैं।

उपयोगकर्ता के अनुकूल इंटरफेस आपके एपीआई को कॉन्फ़िगर, प्रबंधित और तैनात करना आसान बनाता है।