Metodi alternativi per aggiungere Firebase al progetto JavaScript

Per la maggior parte delle app web Firebase consigliamo vivamente di utilizzare l'SDK tramite npm. Tuttavia, per gli utenti con requisiti speciali, Firebase offre alternative modi per aggiungere l'SDK. In questa pagina vengono fornite istruzioni dettagliate per la configurazione dei metodi alternativi:

  • CDN (Content Delivery Network)
  • npm per le app Node.js

Con questi metodi, puoi aggiungere uno qualsiasi dei librerie disponibili alla tua app.

Dalla rete CDN

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

  1. Per includere solo prodotti Firebase specifici (ad es. Authentication e Cloud Firestore), aggiungi quanto segue. in fondo al tag <body>, ma prima di utilizzare qualsiasi script Servizi 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>

  2. Aggiungi l'oggetto di configurazione Firebase e inizializza Firebase in la 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 ancora un file package.json, creane uno entro il giorno eseguendo il comando seguente dalla radice del codice JavaScript progetto:

      npm init

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

      npm install --save firebase@10.13.1

  2. Scegli 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 moduli da ES2015 a import

      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 l'oggetto di configurazione Firebase e inizializza Firebase in la 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);