Join us in person and online for Firebase Summit on October 18, 2022. Learn how Firebase can help you accelerate app development, release your app with confidence, and scale with ease. Register now

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

קל לארגן דפים בעזרת אוספים אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.

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

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

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

מה-CDN

אתה יכול להגדיר ייבוא ​​חלקי של Firebase JavaScript SDK ולטעון רק את מוצרי 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/9.10.0/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/9.10.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/9.10.0/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.10.0/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@9.10.0
  2. השתמש באחת מהאפשרויות הבאות כדי להשתמש במודול Firebase באפליקציה שלך:

    • אתה יכול require מודולים מכל קובץ JavaScript

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