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

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

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

इन तरीकों का इस्तेमाल करके, उपलब्ध लाइब्रेरी आपके ऐप्लिकेशन को मिलता है.

सीडीएन से

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

  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/10.13.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/10.13.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.13.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>
    

Node.js ऐप्लिकेशन

  1. Firebase JavaScript SDK टूल इंस्टॉल करें:

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

      npm init
    2. firebase npm पैकेज इंस्टॉल करें और उसे अपने package.json फ़ाइल को चलाकर देखें:

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

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

      सिर्फ़ खास Firebase प्रॉडक्ट को शामिल करने के लिए (Authentication और Cloud Firestore की तरह):

      // 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");
      


    • ES2015 से import मॉड्यूल का इस्तेमाल किया जा सकता है

      सिर्फ़ खास Firebase प्रॉडक्ट को शामिल करने के लिए (Authentication और Cloud Firestore की तरह):

      // 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. अपना 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);