Join us in person and online for Firebase Summit on October 18, 2022. Learn how Firebase can help you accelerate app development, release your app with confidence, and scale with ease. Register now

Alternatywne sposoby dodania Firebase do projektu JavaScript

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

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.10.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.10.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/9.10.0/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.10.0/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.10.0
  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);