Modi alternativi per aggiungere Firebase al tuo progetto JavaScript

Mantieni tutto organizzato con le raccolte Salva e classifica i contenuti in base alle tue preferenze.

Per la maggior parte delle app Web Firebase consigliamo vivamente di utilizzare l'SDK versione 9 tramite npm . Tuttavia, per gli utenti con requisiti speciali, Firebase offre modi alternativi per aggiungere l'SDK . Questa pagina fornisce istruzioni dettagliate per la configurazione di questi metodi alternativi:

  • CDN (rete di distribuzione dei contenuti)
  • npm per le app Node.js

Utilizzando questi metodi, puoi aggiungere all'app una qualsiasi delle librerie disponibili per la versione 9.

Dalla CDN

Puoi configurare l'importazione parziale dell'SDK JavaScript Firebase e caricare solo i prodotti Firebase di cui hai bisogno. Firebase archivia ogni libreria dell'SDK JavaScript Firebase sulla nostra CDN globale (rete di distribuzione dei contenuti).

  1. Per includere solo prodotti Firebase specifici (ad esempio, Autenticazione e Cloud Firestore), aggiungi il seguente script in fondo al tag <body> , ma prima di utilizzare qualsiasi servizio 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.14.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.14.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/9.14.0/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.14.0/firebase-firestore.js'
      </script>
    </body>
    
  2. Aggiungi il tuo oggetto di configurazione Firebase, quindi inizializza Firebase nella tua app:

    <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>
    

App Node.js

  1. Installa l'SDK JavaScript Firebase:

    1. Se non hai già un file package.json , creane uno eseguendo il comando seguente dalla radice del tuo progetto JavaScript:

      npm init
    2. Installa il pacchetto firebase npm e salvalo nel tuo file package.json eseguendo:

      npm install --save firebase@9.14.0
  2. Utilizza una delle seguenti opzioni per utilizzare il modulo Firebase nella tua app:

    • Puoi require moduli da qualsiasi file JavaScript

      Per includere solo prodotti Firebase specifici (come Authentication e 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");
      


    • È possibile utilizzare ES2015 per import moduli

      Per includere solo prodotti Firebase specifici (come Authentication e 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. Aggiungi il tuo oggetto di configurazione Firebase, quindi inizializza Firebase nella tua app:

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