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

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

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

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

सीडीएन से

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

  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/10.12.2/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.12.2/firebase-analytics.js'

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

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

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

      सिर्फ़ खास Firebase प्रॉडक्ट (जैसे कि पुष्टि करना और 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 प्रॉडक्ट (जैसे कि पुष्टि करना और 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);