Firebase को अपने JavaScript प्रोजेक्ट में जोड़ने के दूसरे तरीके

ज़्यादातर Firebase वेब ऐप्लिकेशन के लिए, हमारा सुझाव है कि आप npm के ज़रिए SDK टूल का इस्तेमाल करें. हालांकि, खास ज़रूरतों वाले उपयोगकर्ताओं के लिए, Firebase SDK टूल जोड़ने के अन्य तरीके उपलब्ध कराता है. इस पेज पर, इन वैकल्पिक तरीकों को सेट अप करने के बारे में ज़्यादा जानकारी दी गई है:

  • सीडीएन (कॉन्टेंट डिलीवरी नेटवर्क)
  • Node.js ऐप्लिकेशन के लिए npm

इन तरीकों का इस्तेमाल करके, अपने ऐप्लिकेशन में उपलब्ध लाइब्रेरी में से कोई भी लाइब्रेरी जोड़ी जा सकती है.

Firebase JavaScript SDK टूल के कुछ हिस्से को इंपोर्ट करने के लिए कॉन्फ़िगर किया जा सकता है. साथ ही, सिर्फ़ ज़रूरी Firebase प्रॉडक्ट लोड किए जा सकते हैं. Firebase, Firebase JavaScript SDK टूल की हर लाइब्रेरी को अपने ग्लोबल सीडीएन (कॉन्टेंट डिलीवरी नेटवर्क) पर सेव करता है.

  1. सिर्फ़ खास Firebase प्रॉडक्ट (उदाहरण के लिए, Authentication और 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/11.3.1/firebase-app.js'
    
        // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
        import { getAnalytics } from 'https://www.gstatic.com/firebasejs/11.3.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/11.3.1/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/11.3.1/firebase-firestore.js'
      </script>
    </body>
  2. अपना Firebase कॉन्फ़िगरेशन ऑब्जेक्ट जोड़ें. इसके बाद, अपने ऐप्लिकेशन में Firebase को शुरू करें:

    <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>
  1. Firebase JavaScript SDK टूल इंस्टॉल करें:

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

      npm init
    2. firebase npm पैकेज इंस्टॉल करें और इसे अपनी package.json फ़ाइल में सेव करने के लिए, यह निर्देश चलाएं:

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

  3. अपना Firebase कॉन्फ़िगरेशन ऑब्जेक्ट जोड़ें. इसके बाद, अपने ऐप्लिकेशन में Firebase को शुरू करें:

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