Firebase Studio के फ़ाइल फ़ोल्डर के बारे में जानकारी

Firebase Studio क्लाउड पर आधारित एक ऐसा डेवलपमेंट एनवायरमेंट है जिसमें साथ मिलकर काम किया जा सकता है. इसकी मदद से, फ़्रेमवर्क और लाइब्रेरी के कई कॉम्बिनेशन का इस्तेमाल करके, ऐप्लिकेशन बनाना आसान हो जाता है.

Firebase Studio वर्कस्पेस सेट अप करने के बाद, पूरी तरह से काम करने वाले और फ़्लेक्सिबल डेवलपमेंट एनवायरमेंट को ऐक्सेस और शेयर किया जा सकता है. Firebase Studio वर्कस्पेस को किसी भी डिवाइस से ऐक्सेस किया जा सकता है. साथ ही, इनमें इंटिग्रेट किए गए टूल मौजूद होते हैं. इनकी मदद से, आपको और आपकी टीम को डेवलपमेंट की प्रोसेस को बेहतर बनाने में मदद मिलती है.

फ़ाइल फ़ोल्डर बनाना

Firebase Studio में, वर्कस्पेस एक ऐसा डेवलपमेंट एनवायरमेंट होता है जिसमें आपके ऐप्लिकेशन को डेवलप करने के लिए ज़रूरी सभी चीज़ें मौजूद होती हैं. इसमें आपका कोड, कोड एडिटर (आपके प्रोजेक्ट से जुड़े प्लग-इन के साथ), और ऐप्लिकेशन डेवलपमेंट में मदद करने वाले टूलचेन शामिल होते हैं. यह आपके लोकल डेस्कटॉप डेवलपमेंट एनवायरमेंट में नया प्रोजेक्ट बनाने जैसा ही है. हालांकि, इसमें आपके पास पहले से कॉन्फ़िगर किया गया पूरा कंप्यूटर और ऑपरेटिंग सिस्टम होता है. यह सिर्फ़ आपके ऐप्लिकेशन को बनाने के लिए होता है. यह आपके ब्राउज़र पर क्लाउड में चलता है और इसे कहीं से भी ऐक्सेस किया जा सकता है.

Firebase Studio वर्कस्पेस, एक ही कोड बेस को शामिल करने के लिए ऑप्टिमाइज़ किए जाते हैं, इसलिए अलग-अलग ऐप्लिकेशन के एनवायरमेंट और सिस्टम-लेवल की डिपेंडेंसी को एक-दूसरे से अलग रखा जा सकता है. अलग-अलग ऐप्लिकेशन और फ़्रेमवर्क के साथ इस्तेमाल करने के लिए, एक से ज़्यादा वर्कस्पेस बनाए जा सकते हैं.

नया वर्कस्पेस बनाने के लिए:

किसी वर्कस्पेस का डुप्लीकेट बनाना

किसी Firebase Studio वर्कस्पेस का डुप्लीकेट बनाने पर, आपके प्रोजेक्ट की एक कॉपी बनती है. इसमें home/user डायरेक्ट्री में मौजूद सभी चीज़ें शामिल होती हैं. यह तब काम आता है, जब आपको ओरिजनल प्रोजेक्ट पर कोई असर डाले बिना, किसी प्रोजेक्ट के साथ एक्सपेरिमेंट करना हो या जब आपको किसी मौजूदा प्रोजेक्ट को नए प्रोजेक्ट के लिए शुरुआती पॉइंट के तौर पर इस्तेमाल करना हो.

किसी वर्कस्पेस का डुप्लीकेट बनाने के लिए:

  1. Firebase Studio के Firebase Studio होम पेज पर, उस वर्कस्पेस के बगल में मौजूद मेन्यू पर क्लिक करें जिसे आपको कॉपी करना है > डुप्लीकेट बनाएं.
  2. अपने नए वर्कस्पेस का नाम डालें और डुप्लीकेट बनाएं पर क्लिक करें. नया वर्कस्पेस बन जाता है और यह आपके वर्कस्पेस की सूची में जुड़ जाता है. ß ध्यान दें: बड़े वर्कस्पेस का डुप्लीकेट बनाने में कुछ मिनट लग सकते हैं. अगर आपका नया वर्कस्पेस लोड नहीं होता है, तो पांच मिनट इंतज़ार करें. इसके बाद, पेज को रीफ़्रेश करें.

  3. (ज़रूरी नहीं) अगर ओरिजनल वर्कस्पेस, किसी Firebase प्रोजेक्ट से लिंक है, तो अपने नए वर्कस्पेस के लिए अलग Firebase प्रोजेक्ट बनाएं. इससे आपका नया वर्कस्पेस, ओरिजनल वर्कस्पेस से लिंक किए गए Firebase प्रोजेक्ट में बदलाव नहीं कर पाएगा. Firebase प्रोजेक्ट बनाने के लिए:

    1. नया वर्कस्पेस खोलें और Gemini से आपके लिए Firebase प्रोजेक्ट बनाने के लिए कहें.
    2. Firebase प्रोजेक्ट का रेफ़रंस देने वाली किसी भी फ़ाइल को अपडेट करें. जैसे, .env या .firebaserc.

अपने वर्कस्पेस को कॉन्फ़िगर करना

Firebase Studio हर वर्कस्पेस के लिए एनवायरमेंट कॉन्फ़िगरेशन तय करने के लिए, Nix का इस्तेमाल करता है. Nix, पूरी तरह से फ़ंक्शनल पैकेज मैनेजर है. यह हर डिपेंडेंसी को यूनीक आइडेंटिफ़ायर असाइन करता है. इसका मतलब है कि आपके एनवायरमेंट में, एक ही डिपेंडेंसी के कई वर्शन हो सकते हैं. इसे फिर से बनाया जा सकता है और यह डिक्लेरेटिव भी है. Firebase Studio के संदर्भ में, इसका मतलब है कि एक ही एनवायरमेंट कॉन्फ़िगरेशन लोड करने के लिए, अपने Nix कॉन्फ़िगरेशन फ़ाइल को वर्कस्पेस के बीच शेयर किया जा सकता है. Nix + Firebase Studio के बारे में ज़्यादा जानें.

.idx/dev.nix फ़ाइल बनाना या उसमें बदलाव करना

एनवायरमेंट कॉन्फ़िगरेशन, आपके कोड रिपॉज़िटरी में मौजूद .idx/dev.nix फ़ाइल में तय किया जाता है. इस फ़ाइल में, आपके वर्कस्पेस में जोड़े जाने वाले सभी कॉम्पोनेंट की जानकारी दी जाती है. इनमें ये शामिल हैं:

बुनियादी वर्कस्पेस एनवायरमेंट कॉन्फ़िगरेशन के लिए, .idx/dev.nix फ़ाइल का यह उदाहरण देखें जो Firebase Studio में ऐप्लिकेशन के प्रीव्यू की सुविधा चालू करता है:

{ pkgs, ... }: {

  # Which nixpkgs channel to use.
  channel = "stable-24.11"; # or "unstable"

  # Use https://search.nixos.org/packages to find packages
  packages = [
    pkgs.nodejs_20
  ];

  # Sets environment variables in the workspace
  env = {
    SOME_ENV_VAR = "hello";
  };

  # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
  idx.extensions = [
    "angular.ng-template"
  ];

  # Enable previews and customize configuration
  idx.previews = {
    enable = true;
    previews = {
      web = {
        command = [
          "npm"
          "run"
          "start"
          "--"
          "--port"
          "$PORT"
          "--host"
          "0.0.0.0"
          "--disable-host-check"
        ];
        manager = "web";
        # Optionally, specify a directory that contains your web app
        # cwd = "app/client";
      };
    };
  };
}

नया कॉन्फ़िगरेशन लागू करना

dev.nix कॉन्फ़िगरेशन फ़ाइल में कुछ भी जोड़ने या उसे अपडेट करने पर, Firebase Studio दाएं कोने में एनवायरमेंट को फिर से बनाएं का प्रॉम्प्ट दिखाता है. एनवायरमेंट को फिर से बनाने में लगने वाला समय, इस बात पर निर्भर करता है कि आपके कॉन्फ़िगरेशन को कितने पैकेज की ज़रूरत है.

एनवायरमेंट बनाने में होने वाली गड़बड़ियों को डीबग करना

कॉन्फ़िगरेशन फ़ाइलें, मशीन-रीडेबल कोड होती हैं. इसलिए, इनमें गड़बड़ियां हो सकती हैं. ऐसा होने पर, हो सकता है कि एनवायरमेंट न बन पाए और शुरू न हो. Firebase Studio रिकवरी एनवायरमेंट शुरू करने का विकल्प दिखाता है. इस वर्कस्पेस में, आपके तय किए गए किसी भी कॉन्फ़िगरेशन को शामिल नहीं किया जाता और सिर्फ़ बुनियादी Code OSS पर चलता है. इससे आपको अपनी dev.nix कॉन्फ़िगरेशन फ़ाइल में मौजूद गड़बड़ियों को ठीक करने और एनवायरमेंट को फिर से बनाने का मौका मिलता है.

अगले चरण