Các cách thay thế để thêm Firebase vào dự án JavaScript của bạn

Đối với hầu hết căn cứ hỏa lực ứng dụng web, chúng tôi khuyên bạn sử dụng SDK phiên bản 9 qua NPM . Tuy nhiên, đối với người sử dụng với yêu cầu đặc biệt, căn cứ hỏa lực cung cấp thay thế cách để thêm SDK . Trang này cung cấp hướng dẫn thiết lập chi tiết cho các phương pháp thay thế này:

  • CDN (mạng phân phối nội dung)
  • npm cho ứng dụng Node.js

Sử dụng phương pháp này, bạn có thể thêm bất kỳ thư viện có sẵn cho phiên bản 9 đến ứng dụng của bạn.

Từ CDN

Bạn có thể định cấu hình nhập một phần SDK JavaScript của Firebase và chỉ tải các sản phẩm Firebase mà bạn cần. Firebase lưu trữ từng thư viện của SDK JavaScript Firebase trên CDN toàn cầu của chúng tôi (mạng phân phối nội dung).

  1. Để chỉ bao gồm các sản phẩm căn cứ hỏa lực cụ thể (ví dụ, xác thực và Cloud FireStore), thêm đoạn mã sau vào dưới cùng của bạn <body> tag, nhưng trước khi bạn sử dụng bất kỳ dịch vụ căn cứ hỏa lực:

    <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.6.4/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.6.4/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.6.4/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.6.4/firebase-firestore.js'
      </script>
    </body>
    
  2. Thêm đối tượng cấu hình Firebase của bạn, sau đó khởi chạy Firebase trong ứng dụng của bạn:

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

Ứng dụng Node.js

  1. Cài đặt SDK JavaScript của Firebase:

    1. Nếu bạn chưa có một package.json tập tin, tạo ra một bằng cách chạy lệnh sau đây từ thư mục gốc của dự án JavaScript của bạn:

      npm init
    2. Cài đặt firebase gói NPM và lưu nó vào bạn package.json tập tin bằng cách chạy:

      npm install --save firebase@9.6.4
  2. Sử dụng một trong các tùy chọn sau để sử dụng mô-đun Firebase trong ứng dụng của bạn:

    • Bạn có thể require các module từ bất kỳ tập tin JavaScript

      Để chỉ bao gồm các sản phẩm căn cứ hỏa lực cụ thể (như xác thực và 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");
      


    • Bạn có thể sử dụng ES2015 để import các module

      Để chỉ bao gồm các sản phẩm căn cứ hỏa lực cụ thể (như xác thực và 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. Thêm đối tượng cấu hình Firebase của bạn, sau đó khởi chạy Firebase trong ứng dụng của bạn:

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