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

Modi alternativi per aggiungere Firebase al tuo progetto JavaScript

Per la maggior parte Firebase Web apps vi consigliamo di utilizzare SDK versione 9 via NPM . Tuttavia, per gli utenti con esigenze particolari, Firebase fornisce alternativi modi per aggiungere l'SDK . Questa pagina fornisce istruzioni di configurazione dettagliate per questi metodi alternativi:

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

L'utilizzo di questi metodi, è possibile aggiungere qualsiasi delle librerie disponibili per la versione 9 per la vostra applicazione.

Dal CDN

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

  1. Per includere solo i prodotti Firebase specifici (ad esempio, l'autenticazione e Cloud FireStore), aggiungere il seguente script per la parte inferiore del <body> tag, 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.6.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.6.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.6.0/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.6.0/firebase-firestore.js'
      </script>
    </body>
    
  2. Inizializza Firebase nella tua app:

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

App Node.js

  1. Installa l'SDK JavaScript di Firebase:

    1. Se non si dispone già di un package.json di file, creare uno eseguendo il seguente comando dalla radice del progetto JavaScript:

      npm init
    2. Installare il firebase pacchetto di NPM e salvarlo sul package.json file eseguendo:

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

    • È possibile require i moduli da qualsiasi file JavaScript

      Per includere solo i prodotti Firebase specifici (come l'autenticazione 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 i moduli

      Per includere solo i prodotti Firebase specifici (come l'autenticazione 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. Inizializza Firebase nella tua app:

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