गिटहब पेजों पर कोणीय अनुप्रयोगों को तैनात करना उन्हें मुफ्त में होस्ट करने का एक शानदार तरीका है। कोणीय एकल-पृष्ठ अनुप्रयोगों के निर्माण के लिए एक लोकप्रिय जावास्क्रिप्ट ढांचा है।

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

आप सीएलआई का उपयोग गिटहब पृष्ठों सहित विभिन्न लक्ष्यों के लिए कोणीय अनुप्रयोगों को परिनियोजित करने के लिए भी कर सकते हैं।

जिसकी आपको जरूरत है

इस गाइड का अधिकतम लाभ उठाने के लिए, आपके पास निम्नलिखित कौशल और उपकरण होने चाहिए:

  • से परिचित होना चाहिए कोणीय की मूल बातें, जैसे ऐप्स, सेटिंग, URL आदि की अवधारणा।
  • आप परिचित हैं GitHub की मूल बातें और गिट, जैसे गिटहब खाता बनाना, गिट रिपोजिटरी (रेपो), और गिटहब पेज (जीएच-पेज) बनाना।
  • आपके पास परिनियोजन के लिए एक कोणीय अनुप्रयोग तैयार है।
  • आपका बेस यूआरएल सही रास्ते पर है। गलत आधार-href (बेस-यूआरएल) सेट करने के कारण GH-पृष्ठों पर परिनियोजन विफल हो जाता है।
  • एक गिटहब खाता।
  • एप्लिकेशन कोड के साथ एक GitHub रिपॉजिटरी (रेपो)।
instagram viewer

अब जब आपके पास ये सब हो गया है, तो आइए परिनियोजन प्रक्रिया शुरू करें।

परिनियोजन प्रक्रिया

शुरू करने के लिए, आपको अपने प्रोजेक्ट के लिए एक GitHub रिपॉजिटरी बनानी चाहिए और कोड को मुख्य / मास्टर शाखा।

इसके बाद, एक GH-पृष्ठ शाखा बनाएँ।

1. एक जीएच-पेज शाखा बनाएँ

यह एक हैक है जो आधार-href सेट करने में सहायता के लिए GH-पृष्ठ लिंक प्राप्त करने में आपकी सहायता करेगा।

सबसे पहले, निम्न आदेश के साथ अपने स्थानीय रिपॉजिटरी में जीएच-पेज बनाएं:

git शाखा gh-pages

अगला, सभी कोड स्थानांतरित करने के लिए मुख्य शाखा से जीएच-पृष्ठों पर चेक आउट करें।

git checkout gh-pages

फिर, GH-पृष्ठों को दूरस्थ GH-पृष्ठों की शाखा बनाने के लिए GitHub पर धकेलें।

git पुश ओरिजिन gh-pages

रेपो नाम के अंतर्गत टूलबार पर क्लिक करें सेटिंग > पन्ने.

अंतर्गत निर्माण और परिनियोजन, चुनना एक शाखा से तैनात करें. अगला, चयन करें gh-पृष्ठ शाखा के नाम के रूप में, क्लिक करें बचाना. यह जीएच-पेज लेबल के तहत ऊपर दाईं ओर एक जीएच-पेज लिंक बनाएगा।

इसके बाद, इस लिंक को प्रकाशित साइट पर कॉपी करें जैसा कि नीचे दिखाया गया है। परिनियोजन के दौरान आप आधार-रेफरी सेट अप करने के लिए लिंक का उपयोग करेंगे।

3. कोणीय-सीएलआई-जीएचपृष्ठ स्थापित करें

Angular-cli-ghpages संकुल एक उपकरण है जिसे Angular CLI परिनियोजन उद्देश्यों के लिए उपयोग करता है।

अपने स्थानीय प्रोजेक्ट रिपॉजिटरी पर वापस नेविगेट करें। फिर इस आदेश के साथ कोणीय-क्ली-घपेज स्थापित करें और चलाएं:

एनजी कोणीय-क्ली-ghpages जोड़ें

4. ऐप को तैनात करें

ऐप को प्रोडक्शन में बनाने के लिए, आपको इसे GitHub पर एक रिमोट सर्वर से कनेक्ट करना होगा।

निम्न आदेश चलाकर अपने ऐप को दूरस्थ सर्वर पर कॉन्फ़िगर करें:

एनजी परिनियोजन --base-href=https://GithubUserName.github.io/GithubRepoName/

उपरोक्त लिंक को GH पेजों के लाइव लिंक से बदलना याद रखें

एक सफल बिल्ड नीचे दिए गए उदाहरण की तरह दिखेगा:

इसके बाद, GitHub पर नेविगेट करें और अपने परिनियोजित प्रोजेक्ट को देखने के लिए GH-पेज लिंक पर क्लिक करें।

बधाई हो, आपने अपना Angular ऐप परिनियोजित कर लिया है!

यदि लिंक केवल रीडमे फ़ाइल प्रदर्शित करता है, तो कृपया गिटहब जीएच-पेज सेटिंग्स पर वापस जाएं। सुनिश्चित करें कि चयनित शाखा gh-पेज है न कि मुख्य या मास्टर शाखा। फिर इसे पांच मिनट दें और पुनः लोड करें। कभी-कभी GitHub को परिवर्तनों को दर्शाने में समय लगता है।

परिनियोजन में आप Angular CLI का उपयोग कैसे कर सकते हैं, इसके बारे में अधिक जानने के लिए, पर जाएँ कोणीय प्रलेखन.

गिटहब पेजों पर एक कोणीय ऐप कैसे तैनात करें

एंगुलर ऐप्स को जीएच-पेजों पर तैनात करने के कई तरीके हैं, लेकिन यह तरीका सबसे आसान है। आप अपना GH-पेज रेपो लिंक सेट करते हैं और अपने ऐप को GitHub पेजों पर परिनियोजित करने के लिए Angular-CLI के साथ इसका उपयोग करते हैं।

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