Join us in person and online for Firebase Summit on October 18, 2022. Learn how Firebase can help you accelerate app development, release your app with confidence, and scale with ease. Register now

अपने JavaScript प्रोजेक्ट में Firebase जोड़ने के वैकल्पिक तरीके

संग्रह की मदद से व्यवस्थित रहें अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.

अधिकांश फायरबेस वेब ऐप्स के लिए हम npm के माध्यम से SDK संस्करण 9 का उपयोग करने की दृढ़ता से अनुशंसा करते हैं। हालांकि, विशेष आवश्यकताओं वाले उपयोगकर्ताओं के लिए, फायरबेस एसडीके को जोड़ने के वैकल्पिक तरीके प्रदान करता है। यह पृष्ठ इन वैकल्पिक विधियों के लिए विस्तृत सेटअप निर्देश प्रदान करता है:

  • सीडीएन (सामग्री वितरण नेटवर्क)
  • Node.js ऐप्स के लिए npm

इन विधियों का उपयोग करके, आप अपने ऐप में संस्करण 9 के लिए उपलब्ध पुस्तकालयों में से कोई भी जोड़ सकते हैं।

सीडीएन . से

आप Firebase JavaScript SDK के आंशिक आयात को कॉन्फ़िगर कर सकते हैं और केवल उन Firebase उत्पादों को लोड कर सकते हैं जिनकी आपको आवश्यकता है। फायरबेस हमारे ग्लोबल सीडीएन (कंटेंट डिलीवरी नेटवर्क) पर फायरबेस जावास्क्रिप्ट एसडीके की प्रत्येक लाइब्रेरी को स्टोर करता है।

  1. केवल विशिष्ट Firebase उत्पादों (उदाहरण के लिए, प्रमाणीकरण और Cloud Firestore) को शामिल करने के लिए, निम्न स्क्रिप्ट को अपने <body> टैग के निचले भाग में जोड़ें, लेकिन इससे पहले कि आप किसी भी Firebase सेवाओं का उपयोग करें:

    <body>
      <!-- Insert this script at the bottom of the HTML, but before you use any Firebase services -->
      <script type="module">
        import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.9.4/firebase-app.js'
    
        // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
        import { analytics } from 'https://www.gstatic.com/firebasejs/9.9.4/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.9.4/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.9.4/firebase-firestore.js'
      </script>
    </body>
    
  2. अपना फायरबेस कॉन्फ़िगरेशन ऑब्जेक्ट जोड़ें, और फिर अपने ऐप में फायरबेस को इनिशियलाइज़ करें:

    <body>
      <script type="module">
        // ...
    
        // TODO: Replace the following with your app's Firebase project configuration
        const firebaseConfig = {
          // ...
        };
    
        // Initialize Firebase
        const app = initializeApp(firebaseConfig);
      </script>
    </body>
    

Node.js ऐप्स

  1. फायरबेस जावास्क्रिप्ट एसडीके स्थापित करें:

    1. यदि आपके पास पहले से कोई package.json फ़ाइल नहीं है, तो अपने JavaScript प्रोजेक्ट के मूल से निम्न कमांड चलाकर एक फ़ाइल बनाएँ:

      npm init
    2. firebase npm पैकेज स्थापित करें और इसे चलाकर अपने package.json फ़ाइल में सहेजें:

      npm install --save firebase@9.9.4
  2. अपने ऐप्लिकेशन में Firebase मॉड्यूल का उपयोग करने के लिए निम्न विकल्पों में से किसी एक का उपयोग करें:

    • आपको किसी भी JavaScript फ़ाइल से मॉड्यूल require हो सकती है

      केवल विशिष्ट फायरबेस उत्पादों को शामिल करने के लिए (जैसे प्रमाणीकरण और क्लाउड फायरस्टोर):

      // Firebase App (the core Firebase SDK) is always required and
      // must be listed before other Firebase SDKs
      var firebase = require("firebase/app");
      
      // Add the Firebase products that you want to use
      require("firebase/auth");
      require("firebase/firestore");
      


    • मॉड्यूल import करने के लिए आप ES2015 का उपयोग कर सकते हैं

      केवल विशिष्ट फायरबेस उत्पादों को शामिल करने के लिए (जैसे प्रमाणीकरण और क्लाउड फायरस्टोर):

      // Firebase App (the core Firebase SDK) is always required and
      // must be listed before other Firebase SDKs
      import firebase from "firebase/app";
      
      // Add the Firebase services that you want to use
      import "firebase/auth";
      import "firebase/firestore";
      
  3. अपना फायरबेस कॉन्फ़िगरेशन ऑब्जेक्ट जोड़ें, और फिर अपने ऐप में फायरबेस को इनिशियलाइज़ करें:

    import { initializeApp } from 'firebase/app';
    
    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      //...
    };
    
    // Initialize Firebase
    const app = initializeApp(firebaseConfig);