Catch up on everthing we announced at this year's Firebase Summit. Learn more

Cara alternatif untuk menambahkan Firebase ke proyek JavaScript Anda

Bagi kebanyakan Firebase Web apps kami sangat menyarankan menggunakan SDK versi 9 melalui NPM . Namun, untuk pengguna dengan kebutuhan khusus, Firebase menyediakan alternatif cara untuk menambahkan SDK . Halaman ini memberikan petunjuk penyiapan terperinci untuk metode alternatif ini:

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

Menggunakan metode ini, Anda dapat menambahkan salah satu perpustakaan 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, Otentikasi dan Cloud Firestore), tambahkan script berikut ke bagian bawah Anda <body> tag, tapi sebelum Anda menggunakan layanan 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/9.5.0/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.5.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-firestore.js'
      </script>
    </body>
    
  2. Inisialisasi Firebase di aplikasi Anda:

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

Aplikasi Node.js

  1. Instal Firebase JavaScript SDK:

    1. Jika Anda belum memiliki package.json file, membuat satu dengan menjalankan perintah berikut dari akar proyek JavaScript Anda:

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

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

    • Anda dapat require modul dari file JavaScript

      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 import 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. Inisialisasi Firebase di aplikasi Anda:

    import { initializeApp } from 'firebase/app';
    
    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      //...
    };
    
    const app = initializeApp(firebaseConfig);