Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

將 Firebase 添加到 JavaScript 項目的替代方法

對於大多數火力地堡Web應用程序,我們強烈建議您使用通過NPM SDK版本9 。然而,對於有特殊需求的用戶,提供了火力地堡的替代方式來添加的SDK 。此頁面提供了這些替代方法的詳細設置說明:

  • CDN(內容分發網絡)
  • 用於 Node.js 應用程序的 npm

使用這些方法,您可以添加任何的可用庫9版應用程式。

來自 CDN

您可以配置 Firebase JavaScript SDK 的部分導入,並僅加載您需要的 Firebase 產品。 Firebase 將 Firebase JavaScript SDK 的每個庫存儲在我們的全球 CDN(內容交付網絡)上。

  1. 為僅包含特定的火力地堡的產品(例如,身份驗證和雲公司的FireStore),添加下面的腳本到您的底部<body>標籤,但你使用任何火力地堡服務之前:

    <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.1.3/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.1.3/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.1.3/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.1.3/firebase-firestore.js'
      </script>
    </body>
    
  2. 在您的應用中初始化 Firebase:

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

Node.js 應用程序

  1. 安裝 Firebase JavaScript SDK:

    1. 如果您還沒有一個package.json文件,從你的JavaScript項目的根目錄運行以下命令創建一個:

      npm init
    2. 安裝firebase NPM包,並保存到您package.json運行文件:

      npm install --save firebase@9.1.3
  2. 使用以下選項之一在您的應用中使用 Firebase 模塊:

    • 您可以require從任何JavaScript文件模塊

      為僅包含特定的火力地堡的產品(如身份驗證和雲公司的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");
      


    • 您可以使用ES2015來import模塊

      為僅包含特定的火力地堡的產品(如身份驗證和雲公司的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. 在您的應用中初始化 Firebase:

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