Cara alternatif untuk menambahkan Firebase ke project JavaScript Anda

Untuk sebagian besar aplikasi Web Firebase, sebaiknya gunakan SDK melalui npm. Namun, bagi pengguna dengan persyaratan khusus, Firebase menyediakan cara alternatif untuk menambahkan SDK. Halaman ini memberikan petunjuk penyiapan mendetail untuk metode alternatif tersebut:

CDN (jaringan penayangan konten)
npm untuk aplikasi Node.js

Dengan metode ini, Anda dapat menambahkan library yang tersedia ke aplikasi.

Dari CDN

Anda dapat mengonfigurasi impor parsial Firebase JavaScript SDK dan hanya memuat Produk Firebase yang Anda butuhkan. Firebase menyimpan setiap library Firebase JavaScript SDK di CDN (jaringan penayangan konten) global kami.

Untuk menyertakan hanya produk Firebase tertentu (misalnya, Authentication dan Cloud Firestore), tambahkan skrip berikut ke bagian bawah tag <body>, tetapi sebelum Anda menggunakan layanan Firebase apa pun:

<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.0.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/11.0.2/firebase-analytics.js'

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

Tambahkan objek konfigurasi Firebase, lalu inisialisasi Firebase di aplikasi Anda:

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

Aplikasi Node.js

Menginstal Firebase JavaScript SDK:
1. Jika Anda belum memiliki file package.json, buat dengan menjalankan perintah berikut dari root project JavaScript Anda:
```
npm init
```
2. Instal paket npm firebase dan simpan ke file package.json Anda dengan menjalankan:
```
npm install --save firebase@11.0.2
```
Pilih salah satu opsi berikut untuk menggunakan modul Firebase di aplikasi Anda:
- Anda dapat menerapkan require pada modul dari file JavaScript mana pun
  
  Untuk menyertakan hanya produk Firebase tertentu (seperti Authentication dan 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");
```
  Sertakan seluruh Firebase JavaScript SDK, bukan tiap-tiap SDK secara terpisah (tidak disarankan untuk aplikasi produksi)
  
  Memuat seluruh SDK tidak efisien untuk aplikasi web produksi.
  Gunakan opsi ini hanya untuk keperluan pengembangan.
```
var firebase = require("firebase");
```
- Anda dapat menggunakan ES2015 untuk menerapkan import pada modul
  
  Untuk menyertakan hanya produk Firebase tertentu (seperti Authentication dan 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";
```
  Sertakan seluruh Firebase JavaScript SDK, bukan tiap-tiap SDK secara terpisah (tidak disarankan untuk aplikasi produksi)
  
  Memuat seluruh SDK tidak efisien untuk aplikasi web produksi.
  Gunakan opsi ini hanya untuk keperluan pengembangan.
```
import firebase from "firebase";
```
  Catatan: Penggunaan sintaksis import secara langsung dengan Node.js bersifat eksperimental, namun Anda dapat beralih ke format CommonJS (require sintaksis) menggunakan compiler seperti Babel.

Tambahkan objek konfigurasi Firebase, lalu inisialisasi Firebase di aplikasi Anda:

import { initializeApp } from 'firebase/app';

// TODO: Replace the following with your app's Firebase project configuration
const firebaseConfig = {
  //...
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);