Alternatywne sposoby dodawania Firebase do projektu JavaScript

W przypadku większości aplikacji internetowych Firebase zdecydowanie zalecamy używanie pakietu SDK za pomocą npm. Jednak użytkownikom ze specjalnymi wymaganiami Firebase zapewnia alternatywne sposoby dodawania pakietu SDK. Na tej stronie znajdziesz szczegółowe instrukcje konfiguracji tych metod alternatywnych:

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

Korzystając z tych metod, możesz dodać do aplikacji dowolne z dostępnych bibliotek.

Z CDN

Możesz skonfigurować częściowe importowanie pakietu SDK Firebase JavaScript i wczytać tylko te usługi Firebase, których potrzebujesz. Firebase przechowuje każdą bibliotekę pakietu SDK Firebase JavaScript w naszej globalnej sieci CDN (sieci dostarczania treści).

  1. Aby uwzględnić tylko określone usługi Firebase (np. Uwierzytelnianie i Cloud Firestore), dodaj ten skrypt na dole tagu <body>, ale zanim użyjesz 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/10.12.2/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.12.2/firebase-analytics.js'

    // Add Firebase products that you want to use
    import { getAuth } from 'https://www.gstatic.com/firebasejs/10.12.2/firebase-auth.js'
    import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.12.2/firebase-firestore.js'
  </script>
</body>

  2. Dodaj obiekt konfiguracyjny Firebase i 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 SDK Firebase JavaScript:

    1. Jeśli nie masz jeszcze pliku package.json, utwórz go, uruchamiając to polecenie w katalogu głównym projektu JavaScript:

      npm init

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

      npm install --save firebase@10.12.2

  2. Aby używać modułu Firebase w swojej aplikacji, skorzystaj z jednej z tych opcji:

    • Możesz dodać moduły (require) z dowolnego pliku JavaScript.

      Aby uwzględnić tylko określone usługi Firebase (takie jak Uwierzytelnianie czy 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");


    • Od ES2015 do import modułów

      Aby uwzględnić tylko określone usługi Firebase (takie jak Uwierzytelnianie czy 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";
      require

  3. Dodaj obiekt konfiguracyjny Firebase i 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);