ऐप्लिकेशन होस्टिंग का इस्तेमाल शुरू करें

अगर आपके पास GitHub रिपॉज़िटरी में पहले से मौजूद Next.js या Angular ऐप्लिकेशन (Next.js के वर्शन 13.5.x+ या Angular 18.2.x+) है, तो App Hosting का इस्तेमाल शुरू करना उतना ही आसान है जितना App Hosting बैकएंड बनाना. इसके बाद, लाइव ब्रांच में पुश करके रोलआउट शुरू किया जा सकता है. अगर आपके पास कोई ऐप्लिकेशन नहीं है, तो इस गाइड में बताए गए चरणों को पूरा करने के लिए, हमारे किसी सैंपल ऐप्लिकेशन का इस्तेमाल करें.

इस गाइड में, Firebase कंसोल में App Hosting को सेट अप करने का तरीका बताया गया है. इससे GitHub रिपॉज़िटरी में हर बार नया कमिट करने पर, App Hosting अपने-आप डिप्लॉय हो जाएगा. इस प्रोसेस के आखिर में, आपके पास Next.js या Angular का एक लाइव उदाहरण ऐप्लिकेशन होगा. यह ऐप्लिकेशन, GitHub रिपॉज़िटरी की main ब्रांच में हर बार नया बदलाव करने पर फिर से डिप्लॉय हो जाएगा.

हालांकि, इस गाइड में Firebase कंसोल फ़्लो के बारे में बताया गया है, लेकिन डिप्लॉय करने के अन्य तरीके भी हैं. इनमें GitHub कनेक्शन के बिना लोकल कोड को डिप्लॉय करने के लिए, Firebase CLI का इस्तेमाल करना शामिल है.

पहला चरण: डेमो रिपॉज़िटरी को फ़ोर्क करना

https://github.com/firebase/apphosting-adapters पर जाएं और Fork को चुनें.

दूसरा चरण: App Hosting बैकएंड बनाना

1. Firebase console में, होस्टिंग और सर्वरलेस > App Hosting पर जाएं.

2. शुरू करें पर क्लिक करें.

3. अगर आपसे कहा जाए, तो App Hosting का इस्तेमाल करने के लिए, इस्तेमाल के हिसाब से पैसे चुकाने वाले ब्लेज़ प्लान पर अपग्रेड करें.

इन चरणों को पूरा करने के लिए, निर्देशों का पालन करें:

• कोई प्राइमरी क्षेत्र चुनें. आम तौर पर, यह वह क्षेत्र होता है जो आपके उपयोगकर्ताओं के सबसे नज़दीक होता है.
• GitHub से कनेक्ट करें. आपने अभी-अभी firebase-framework-tools रिपॉज़िटरी को फ़ोर्क करके जो रिपॉज़िटरी बनाई है उसे चुनें.
• अपने ऐप्लिकेशन की रूट डायरेक्ट्री को इनमें से किसी एक पर सेट करें:
  • /starters/nextjs/basic
  • /starters/angular/basic
• लाइव ब्रांच को main के तौर पर सेट करें.
• अपने-आप रोल आउट होने की सुविधा चालू करें (यह सुविधा डिफ़ॉल्ट रूप से चालू होती है).
• अपने बैकएंड को कोई नाम असाइन करें.
• अपना रनटाइम एनवायरमेंट चुनें. डिफ़ॉल्ट रूप से, Node.js का सबसे नया सुझाया गया वर्शन आपके लिए पहले से चुना जाता है.
  • मुख्य इमेज अपने-आप अपडेट होने की सुविधा (एबीआईयू) कॉन्फ़िगर करें. ABIU डिफ़ॉल्ट रूप से चालू होता है. साथ ही, यह आपके बुनियादी एनवायरमेंट पर सुरक्षा पैच अपने-आप लागू करता है. अपने रनटाइम के लिए "लागू नहीं" चुनकर, ABIU से ऑप्ट आउट किया जा सकता है.
• नया Firebase वेब ऐप्लिकेशन बनाएं.

पूरा करें और लागू करें को चुनें.

तीसरा चरण: डिप्लॉय किया गया ऐप्लिकेशन देखना

बैकएंड बनाने पर, Firebase आपको बिना किसी शुल्क के एक सबडोमेन देता है. इस पर जाकर, असली उपयोगकर्ता आपके वेब ऐप्लिकेशन को ऐक्सेस कर सकते हैं. इसका फ़ॉर्मैट backend-id--project-id.us-central1.hosted.app होता है.

अपने बैकएंड के डैशबोर्ड में, बैकएंड की जानकारी लाइन में जाकर, अपनी नई वेबसाइट देखने के लिए, लाइव बैकएंड का लिंक चुनें:

चौथा चरण: बदलाव करके रोलआउट को ट्रिगर करना

बैकएंड बनाने और लाइव यूआरएल मिलने के बाद, GitHub रिपॉज़िटरी की लाइव ब्रांच में बदलाव करने पर, वेब ऐप्लिकेशन के नए वर्शन को रोल आउट किया जा सकता है. App Hosting के सेटअप की जांच करने के लिए:

1. डेमो GitHub रिपॉज़िटरी के अपने फ़ोर्क में, डेमो ऐप्लिकेशन के होम पेज के सोर्स पर जाएं. इसके बाद, अपनी पसंद के हिसाब से कोई भी बदलाव करें. इसके बाद, अपने बदलाव को मुख्य ब्रांच में पुश करें. अपना होम पेज ढूंढने के लिए:

   • Next.js: /starters/nextjs/basic/src/app/page.tsx
   • Angular: /starters/angular/basic/src/app/pages/home/home.component.html

2. Firebase कंसोल में, App Hosting पर नज़र रखें, क्योंकि प्रोडक्शन में नया बदलाव लागू किया जा रहा है. लॉन्च होने के बाद, आपको ऐप्लिकेशन के होम पेज पर बदलाव दिखेगा.

अगले चरण

• ज़्यादा जानें: Firebase कोडलैब के बारे में जानें. इसमें होस्ट किए गए ऐप्लिकेशन को Firebase Authentication और Google AI सुविधाओं के साथ इंटिग्रेट किया गया है: Next.js | Angular
• कस्टम डोमेन कनेक्ट करें.
• अपना बैकएंड कॉन्फ़िगर करें—एनवायरमेंट वैरिएबल सेट करें, सीक्रेट पैरामीटर सेव करें वगैरह.
• रोल आउट, साइट उपयोग, और लॉग पर नज़र रखें.