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żytkownicy o specjalnych wymaganiach mogą skorzystać z alternatywnych sposobów dodawania pakietu SDK. Na tej stronie znajdziesz szczegółowe instrukcje konfigurowania tych alternatywnych metod:

Sieć dostarczania treści (CDN)
npm do aplikacji Node.js

Za pomocą tych metod możesz dodać do aplikacji dowolną z dostępnych bibliotek.

Z CDN

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

Aby uwzględnić tylko określone usługi Firebase (np. Authentication i Cloud Firestore), dodaj ten skrypt na końcu tagu <body>, ale przed użyciem dowolnej usługi 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/11.3.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/11.3.0/firebase-analytics.js'

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

Dodaj obiekt konfiguracji Firebase, a potem 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

Zainstaluj pakiet SDK Firebase JavaScript:
1. Jeśli nie masz jeszcze pliku package.json, utwórz go, wykonując to polecenie w katalogu głównym projektu JavaScript:
```
npm init
```
2. Zainstaluj pakiet firebase npm i zapisz go w pliku package.json, wykonując:
```
npm install --save firebase@11.3.0
```
Aby używać modułu Firebase w aplikacji, wybierz jedną z tych opcji:
- Możesz require modułów z dowolnego pliku JavaScript
  
  Aby uwzględnić tylko określone usługi Firebase (np. Authentication 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");
```
  Uwzględnij cały pakiet SDK Firebase JavaScript, a nie poszczególne pakiety SDK. (nie zalecane w przypadku aplikacji produkcyjnych)
  
  W przypadku produkcyjnych aplikacji internetowych wczytywanie całego pakietu SDK nie jest wydajne.
  Używaj tej opcji tylko na potrzeby programowania.
```
var firebase = require("firebase");
```
- Możesz używać ES2015 w przypadku modułów import
  
  Aby uwzględnić tylko określone usługi Firebase (np. Authentication 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";
```
  Uwzględnij cały pakiet SDK Firebase JavaScript, a nie poszczególne pakiety SDK. (nie zalecane w przypadku aplikacji produkcyjnych)
  
  W przypadku produkcyjnych aplikacji internetowych wczytywanie całego pakietu SDK nie jest wydajne.
  Używaj tej opcji tylko na potrzeby programowania.
```
import firebase from "firebase";
```
  Uwaga: używanie składni import bezpośrednio w Node.js jest funkcją eksperymentalną, ale możesz przekonwertować kod do formatu CommonJS (składni require) za pomocą kompilatorów takich jak Babel.

Dodaj obiekt konfiguracji Firebase, a potem 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);