将 Firebase 添加至您的 JavaScript 项目的其他方法

对于大多数 Firebase Web 应用,我们强烈建议您通过 npm 使用 SDK。不过,对于有特殊要求的用户,Firebase 提供了其他添加 SDK 的方法。本页面提供了这些其他方法的详细设置说明:

  • CDN(内容分发网络)
  • 适用于 Node.js 应用的 npm

使用这些方法,您可以将任何可用的库添加到您的应用。

从 CDN 添加

您可将 Firebase JavaScript SDK 配置为部分导入,仅加载您需要的 Firebase 产品。Firebase 将各 Firebase JavaScript SDK 库存储在我们的全球 CDN(内容分发网络)上。

  1. 若要仅添加特定 Firebase 产品(例如 Authentication 和 Cloud Firestore),请在使用任何 Firebase 服务之前将以下脚本添加到 <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/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. 添加您的 Firebase 配置对象,然后在您的应用中初始化 Firebase:

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

Node.js 应用

  1. 安装 Firebase JavaScript SDK:

    1. 如果您还没有 package.json 文件,请从 JavaScript 项目的根目录运行以下命令来创建一个:

      npm init
    2. 运行以下命令,安装 firebase npm 软件包并将其保存到 package.json 文件:

      npm install --save firebase@10.4.0
  2. 使用以下任一选项,在您的应用中使用 Firebase 模块:

    • 您可以使用 require 从任何 JavaScript 文件获取模块

      若要仅添加特定 Firebase 产品(如 Authentication 和 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");
      


    • 您可以使用 ES2015 通过 import 导入模块

      若要仅添加特定 Firebase 产品(如 Authentication 和 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. 添加您的 Firebase 配置对象,然后在您的应用中初始化 Firebase:

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