परिचय

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

हेरोकू जैसे क्लाउड होस्टिंग प्लेटफॉर्म के आने से पहले होस्टिंग बहुत अक्षम हुआ करती थी। यह मुख्य रूप से होस्टिंग प्रदाताओं द्वारा किया गया था, जिन्हें सभी स्थिर संपत्तियों को अपलोड करने की आवश्यकता थी (चलाने से उत्पन्न फाइलें बनाएं npm run build) हर बार जब हम बदलाव करते हैं। किसी प्रकार के FTP इंटरफ़ेस (या तो स्थानीय या होस्टिंग सर्वर पर) के अलावा स्थिर फ़ाइलों को अपलोड करने का कोई अन्य तरीका नहीं था, जो बहुत तनावपूर्ण और तकनीकी हो सकता है।

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

हरोकू क्या है और इसका उपयोग क्यों करें?

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

हमें हरोकू का उपयोग करने के कई कारण हैं:

• समर्थन करता है विभिन्न भाषाएं - शुरू से ही, हरोकू प्लेटफॉर्म आठ से अधिक भाषाओं का समर्थन करता है, जिनमें नोड, जावा और पायथन शामिल हैं।
• समर्थन करता है कई डेटाबेस और डेटा स्टोर - हरोकू डेवलपर्स को अलग-अलग अनुप्रयोगों की विशिष्ट आवश्यकताओं के आधार पर विभिन्न डेटाबेस और डेटा स्टोर से चयन करने में सक्षम बनाता है - एसक्यूएल, माईएसक्यूएल, मोंगोडीबी, और इसी तरह।
• कम महंगा - एक स्थिर वेबसाइट बनाने और होस्ट करने से हमें लंबे समय में पैसे की बचत होगी।

Getting Started

इस गाइड में, हम तैनात करेंगे a फिल्में खोज ऐप, जो एक साधारण रिएक्ट ऐप है जो फिल्मों के लिए एपीआई खोजता है। शुरू करने से पहले, यदि आपके पास पहले से कोई खाता नहीं है, तो आपको हेरोकू के लिए साइन अप करना चाहिए, क्योंकि यह वह जगह है जहां हम अपने रिएक्ट एप्लिकेशन को तैनात करेंगे। हम जा सकते हैं Heroku.com और ऊपरी दाएं कोने में साइन-अप बटन पर क्लिक करके साइन अप करें। साइनअप पाइपलाइन काफी मानक है, इसलिए आपको हेरोकू पर खाता बनाने में कोई परेशानी नहीं होनी चाहिए:

जब आप एक Heroku खाता बना लेते हैं, तो हम अपने ऐप के वास्तविक परिनियोजन के लिए आगे बढ़ सकते हैं।

नोट: पहले, गिटहब एकीकरण के माध्यम से तैनात करने का एक विकल्प था, लेकिन सुरक्षा उल्लंघन के कारण उस सुविधा को रद्द कर दिया गया है। अब तक हरोकू में तैनात करने का सबसे अच्छा तरीका हेरोकू गिट के माध्यम से है, जो हमारे सीएलआई में होता है (कमांड लाइन इंटरफेस).

के साथ परिनियोजन हेरोकू गिटो

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

हमारे शुरू करने से पहले

जैसा कि नाम हेरोकू गिटो तात्पर्य है, हम गिट का उपयोग करेंगे, जिसका अर्थ है कि हमें गिट स्थापित करने की आवश्यकता है। वही हरोकू सीएलआई पर लागू होता है। यदि आपके पास उन दोनों को स्थापित नहीं है, तो आप स्थापना प्रक्रिया के माध्यम से मार्गदर्शन करने के लिए निम्नलिखित निर्देशों का पालन कर सकते हैं:

उन्हें सफलतापूर्वक स्थापित करने के बाद, हम हरोकू पर एक ऐप बनाने के लिए आगे बढ़ सकते हैं, जिस पर हमारा रिएक्ट एप्लिकेशन बाद में तैनात किया जाएगा। हम हरोकू पर दो तरह से एक एप्लिकेशन बना सकते हैं - the . के माध्यम से अंतिम (सीएलआई कमांड) या मैन्युअल रूप से हमारे हरोकू डैशबोर्ड.

नोट: एक आम गलत धारणा यह है कि गिट और गिटहब एक ही चीज हैं, लेकिन वे नहीं हैं! गिट एक संस्करण नियंत्रण प्रणाली है जिसका उपयोग कई ऐप्स और सेवाओं द्वारा किया जाता है, जिसमें गिटहब सहित लेकिन सीमित नहीं है। इसलिए आपको अपने कोड को GitHub पर धकेलने की आवश्यकता नहीं है, और न ही Heroku का उपयोग करने के लिए GitHub खाता होना चाहिए।

हरोकू ऐप को मैन्युअल रूप से कैसे बनाएं

आइए सबसे पहले देखते हैं कि कैसे हम the . का उपयोग करके एक ऐप बना सकते हैं हरोकू डैशबोर्ड. क्लिक करने के लिए पहला कदम है नया ऐप बनाएं बटन:

यह हमें उस पृष्ठ पर रीडायरेक्ट करेगा जहां हमें उस ऐप के बारे में जानकारी भरनी होगी जिसे हम बनाना चाहते हैं:

नोट: सुनिश्चित करें कि आप नाम याद आपके द्वारा हरोकू पर बनाए गए ऐप का क्योंकि हम जल्द ही अपने स्थानीय रिपॉजिटरी को इस रिमोट रिपोजिटरी से जोड़ देंगे।

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

सीएलआई के माध्यम से हरोकू ऐप कैसे बनाएं

वैकल्पिक रूप से, आप CLI का उपयोग करके Heroku पर एक ऐप बना सकते हैं। हरोकू ने सुनिश्चित किया कि यह यथासंभव सीधा है। केवल एक चीज जो आपको करने की ज़रूरत है, वह है अपनी पसंद के टर्मिनल में निम्न कमांड चलाना (बस इसे बदलना सुनिश्चित करें <app-name> आपके ऐप के वास्तविक नाम के साथ):

$ heroku create -a <app-name>

नोट: यदि आप इस कमांड को ऐप की रूट डायरेक्टरी से चलाते हैं, तो खाली हरोकू गिट रिपॉजिटरी स्वचालित रूप से हमारे स्थानीय रिपॉजिटरी के लिए रिमोट के रूप में सेट हो जाती है।

कोड को हरोकू में कैसे पुश करें

कोड को हरोकू में धकेलने से पहले पहला कदम अपने आप को अपने ऐप की रूट डायरेक्टरी (टर्मिनल में) में रखना होगा। फिर का उपयोग करें heroku login Heroku डैशबोर्ड में लॉग इन करने का आदेश। उसके बाद, आपको हरोकू के नियमों और शर्तों को स्वीकार करना होगा और अंत में, अपने लॉगिन क्रेडेंशियल का उपयोग करके हरोकू में लॉग इन करना होगा:

आपको बाद में टर्मिनल पर लौटा दिया जाएगा, ताकि आप हरोकू में परिनियोजन की प्रक्रिया जारी रख सकें। अब, आपको रिपॉजिटरी को इनिशियलाइज़ करना चाहिए:

$ git init

और फिर उस ऐप को पंजीकृत करें जिसे हमने पहले हरोकू पर स्थानीय एक के लिए रिमोट रिपोजिटरी के रूप में बनाया था जिसे हमने पिछले चरण में शुरू किया था:

$ heroku git:remote -a <app-name>

नोट: प्रतिस्थापित करना सुनिश्चित करें <app-name> ऐप के नाम के साथ हमने पहले हेरोकू पर बनाया है (उदाहरण के लिए) movies-search-app).

अब हम अपने आवेदन को तैनात करने के लिए आगे बढ़ सकते हैं। लेकिन, चूंकि हमें एक रिएक्ट एप्लिकेशन को तैनात करने की आवश्यकता है, इसलिए हमें सबसे पहले रिएक्ट बिल्डपैक को जोड़ना होगा:

$ heroku buildpacks:set mars/create-react-app

एक बार यह पूरा हो जाने के बाद, अगला कदम वास्तव में हमारे कोड को रिमोट रिपोजिटरी में धक्का देना है जिसे हमने हेरोकू पर बनाया है। पहला कदम हमारी फाइलों को मंचित करना, उन्हें प्रतिबद्ध करना और अंत में उन्हें दूरस्थ रिपॉजिटरी में धकेलना है:

$ git commit -am "my commit"
$ git push heroku main

नोट: मान लीजिए हम अपनी शाखा को से बदलना चाहते हैं main सेवा मेरे development. हम निम्न आदेश चला सकते हैं: git checkout -b development.

एक बार जब हम हेरोकू को सफलतापूर्वक धक्का दे देते हैं, तो हम अपने ब्राउज़र में अपना नया तैनात ऐप खोल सकते हैं:

$ heroku open

हमारी तैनाती को कैसे अपडेट करें

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

$ git commit -am "added changes"
$ git push heroku main

हेरोकू स्वचालित रूप से इस परिवर्तन को उठाता है और इसे लाइव एप्लिकेशन पर लागू करता है।

निष्कर्ष

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