Check out what’s new from Firebase at Google I/O 2022. Learn more

Alternatywne sposoby dodania Firebase do projektu JavaScript

W przypadku większości aplikacji internetowych Firebase zdecydowanie zalecamy korzystanie z pakietu SDK w wersji 9 przez npm . Jednak dla użytkowników o specjalnych wymaganiach Firebase udostępnia alternatywne sposoby dodawania pakietu SDK . Ta strona zawiera szczegółowe instrukcje konfiguracji dla tych alternatywnych metod:

  • CDN (sieć dostarczania treści)
  • npm dla aplikacji Node.js

Korzystając z tych metod, możesz dodać dowolną z dostępnych bibliotek dla wersji 9 do swojej aplikacji.

Z CDN

Możesz skonfigurować częściowy import pakietu Firebase JavaScript SDK i ładować tylko te produkty Firebase, których potrzebujesz. Firebase przechowuje każdą bibliotekę pakietu Firebase JavaScript SDK w naszej globalnej sieci CDN (sieć dostarczania treści).

  1. Aby uwzględnić tylko określone produkty Firebase (na przykład Uwierzytelnianie i Cloud Firestore), dodaj następujący skrypt na dole tagu <body> , ale przed użyciem jakichkolwiek usług 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.8.1/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.8.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.8.1/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.8.1/firebase-firestore.js'
      </script>
    </body>
    
  2. Dodaj obiekt konfiguracyjny Firebase, a następnie zainicjuj Firebase w swojej aplikacji:

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

Aplikacje Node.js

  1. Zainstaluj pakiet Firebase JavaScript SDK:

    1. Jeśli nie masz jeszcze pliku package.json , utwórz go, uruchamiając następujące polecenie z katalogu głównego projektu JavaScript:

      npm init
    2. Zainstaluj pakiet firebase npm i zapisz go w pliku package.json , uruchamiając:

      npm install --save firebase@9.8.1
  2. Użyj jednej z poniższych opcji, aby użyć modułu Firebase w swojej aplikacji:

    • Możesz require modułów z dowolnego pliku JavaScript

      Aby uwzględnić tylko określone produkty Firebase (takie jak uwierzytelnianie i 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");
      


    • Możesz użyć ES2015 do import modułów

      Aby uwzględnić tylko określone produkty Firebase (takie jak uwierzytelnianie i 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. Dodaj obiekt konfiguracyjny Firebase, a następnie zainicjuj Firebase w swojej aplikacji:

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