דף זה תורגם על ידי Cloud Translation API.

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

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

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

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

מה-CDN

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

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

מוסיפים את אובייקט ההגדרה של 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

התקנת ה-SDK של Firebase JavaScript:
1. אם עדיין אין לך קובץ package.json, עליך ליצור אחד באמצעות הרצת הפקודה הבאה מהרמה הבסיסית (root) של JavaScript project:
```
npm init
```
2. התקנה של חבילת ה-NPM של firebase ושמירה שלה קובץ package.json באמצעות הרצה של:
```
npm install --save firebase@10.13.1
```
יש כמה דרכים להשתמש במודול 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");
```
  במקום זאת, צריך לכלול את כל ערכת ה-SDK Firebase JavaScript. מאשר ערכות SDK נפרדות (לא מומלץ באפליקציות בסביבת ייצור)
  
  טעינה של כל ה-SDK לא יעילה לאפליקציות אינטרנט בסביבת ייצור.
  האפשרות הזו מיועדת למטרות פיתוח בלבד.
```
var firebase = require("firebase");
```
- אפשר להשתמש ב-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";
```
  במקום זאת, צריך לכלול את כל ערכת ה-SDK Firebase JavaScript. מאשר ערכות SDK נפרדות (לא מומלץ באפליקציות בסביבת ייצור)
  
  טעינת ה-SDK כולו אינה יעילה עבור באפליקציות אינטרנט בסביבת ייצור.
  האפשרות הזו מיועדת למטרות פיתוח בלבד.
```
import firebase from "firebase";
```
  הערה: שימוש בתחביר import ישירות עם Node.js הוא ניסיוני, אבל אפשר להמיר לפורמט CommonJS (תחביר require) באמצעות מהדרים כמו Babel.

מוסיפים את אובייקט ההגדרה של 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);