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.

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.

  1. 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.3.1/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.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/11.3.1/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/11.3.1/firebase-firestore.js'
      </script>
    </body>
  2. 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>
  1. 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.3.1
  2. Pilih salah satu opsi berikut untuk menggunakan modul Firebase di aplikasi Anda:

  3. 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);