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

Aplikasi Node.js

  1. Instal 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@10.4.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");
      


    • 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";
      
  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);