דרכים חלופיות להוספת Firebase לפרויקט JavaScript

ברוב אפליקציות האינטרנט של Firebase מומלץ מאוד להשתמש ב-SDK דרך npm. עם זאת, למשתמשים עם דרישות מיוחדות, Firebase מספק דרכים להוספת ה-SDK. בדף הזה תמצאו הוראות מפורטות להגדרה של השיטות החלופיות הבאות:

  • CDN (רשת להעברת תוכן)
  • npm לאפליקציות של Node.js

בעזרת השיטות האלה אפשר להוסיף כל אחד ספריות זמינות לאפליקציה.

מה-CDN

אפשר להגדיר ייבוא חלקי של ה-SDK של Firebase JavaScript ולטעון רק את מוצרי Firebase שאתם צריכים. כל ספרייה של Firebase נשמרת ב-Firebase Firebase JavaScript SDK ב-CDN הגלובלי שלנו (רשת להעברת תוכן).

  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. התקנת ה-SDK של Firebase JavaScript:

    1. אם עדיין אין לך קובץ package.json, עליך ליצור אחד באמצעות הרצת הפקודה הבאה מהרמה הבסיסית (root) של JavaScript project:

      npm init

    2. התקנה של חבילת ה-NPM של firebase ושמירה שלה קובץ package.json באמצעות הרצה של:

      npm install --save firebase@10.13.1

  2. יש כמה דרכים להשתמש במודול Firebase באפליקציה:

    • אפשר require מודולים מכל קובץ JavaScript

      כדי לכלול רק מוצרים ספציפיים של 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);