Catch up on everthing we announced at this year's Firebase Summit. Learn more

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

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

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

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

מתוך ה- CDN

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

  1. כדי לכלול רק ספציפית מוצרים Firebase (למשל, אימות ו ענן 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.5.0/firebase-app.js'
    
        // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
        import { analytics } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-firestore.js'
      </script>
    </body>
    
  2. אתחל את Firebase באפליקציה שלך:

    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      //...
    };
    
    const app = initializeApp(firebaseConfig);
    

אפליקציות Node.js

  1. התקן את SDK JavaScript של Firebase:

    1. אם כבר אין לי package.json קובץ, ליצור אחד על ידי הפעלת הפקודה הבאה מן השורש של הפרויקט JavaScript שלך:

      npm init
    2. התקן את firebase חבילת NPM ולשמור אותו שלך package.json הקובץ על ידי הפעלה:

      npm install --save firebase@9.5.0
  2. השתמש באחת מהאפשרויות הבאות כדי להשתמש במודול Firebase באפליקציה שלך:

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

      כדי לכלול רק מוצרים Firebase ספציפיים (כמו אימות ענן 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 ספציפיים (כמו אימות ענן 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 באפליקציה שלך:

    import { initializeApp } from 'firebase/app';
    
    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      //...
    };
    
    const app = initializeApp(firebaseConfig);