Check out what’s new from Firebase at Google I/O 2022. Learn more

Cara alternatif untuk menambahkan Firebase ke proyek JavaScript Anda

Untuk sebagian besar aplikasi Web Firebase, kami sangat menyarankan untuk menggunakan SDK versi 9 melalui npm . Namun, bagi pengguna dengan persyaratan khusus, Firebase menyediakan cara alternatif untuk menambahkan SDK . Halaman ini memberikan petunjuk penyiapan mendetail untuk metode alternatif berikut:

  • CDN (jaringan pengiriman konten)
  • npm untuk aplikasi Node.js

Dengan menggunakan metode ini, Anda dapat menambahkan salah satu pustaka yang tersedia untuk versi 9 ke aplikasi Anda.

Dari CDN

Anda dapat mengonfigurasi impor sebagian Firebase JavaScript SDK dan hanya memuat produk Firebase yang Anda butuhkan. Firebase menyimpan setiap pustaka Firebase JavaScript SDK di CDN global kami (jaringan pengiriman konten).

  1. Untuk menyertakan hanya produk Firebase tertentu (misalnya, Authentication dan Cloud Firestore), tambahkan skrip berikut ke bagian bawah tag <body> Anda, 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/9.8.1/firebase-app.js'
    
        // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
        import { analytics } from 'https://www.gstatic.com/firebasejs/9.8.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.8.1/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.8.1/firebase-firestore.js'
      </script>
    </body>
    
  2. Tambahkan objek konfigurasi Firebase Anda, 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 file dengan menjalankan perintah berikut dari root proyek JavaScript Anda:

      npm init
    2. Instal paket firebase npm dan simpan ke file package.json Anda dengan menjalankan:

      npm install --save firebase@9.8.1
  2. Gunakan salah satu opsi berikut untuk menggunakan modul Firebase di aplikasi Anda:

    • Anda dapat require modul dari file JavaScript apa pun

      Untuk hanya menyertakan 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 import modul

      Untuk hanya menyertakan 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 Anda, 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);