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

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

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

वर्कस्पेस बनाना

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

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

पर जाएं.

नया फ़ाइल फ़ोल्डर बनाने के लिए:

किसी फ़ाइल फ़ोल्डर को फ़ोर्क करना

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

किसी वर्कस्पेस को फ़ोर्क करने के लिए:

  1. Firebase Studio होम पेज पर जाकर, उस वर्कस्पेस के बगल में मौजूद मेन्यू पर क्लिक करें जिसे आपको कॉपी करना है > फ़ोर्क करें पर क्लिक करें.

  2. अपने नए फ़ाइल फ़ोल्डर का नाम डालें और फ़ोर्क करें पर क्लिक करें. नया फ़ाइल फ़ोल्डर बन जाएगा और इसे आपके फ़ाइल फ़ोल्डर की सूची में जोड़ दिया जाएगा.

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

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

अपने Workspace खाते को कॉन्फ़िगर करना

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-23.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 कॉन्फ़िगरेशन फ़ाइल को जोड़ने या अपडेट करने पर, dev.nix स्क्रीन पर सबसे नीचे दाएं कोने में एक सूचना दिखाता है. इसमें एनवायरमेंट को फिर से बनाने का विकल्प होता है.Firebase Studio एनवायरमेंट को फिर से बनाने में लगने वाला समय, आपके कॉन्फ़िगरेशन के लिए ज़रूरी पैकेज की संख्या पर निर्भर करता है.

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

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

अगले चरण