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

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

CDN（内容分发网络）
适用于 Node.js 应用的 npm

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

从 CDN 添加

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

若要仅添加特定 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>

添加您的 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 应用

安装 Firebase JavaScript SDK：
1. 如果您还没有 package.json 文件，请从 JavaScript 项目的根目录运行以下命令来创建一个：
```
npm init
```
2. 运行以下命令，安装 firebase npm 软件包并将其保存到 package.json 文件：
```
npm install --save firebase@10.4.0
```
使用以下任一选项，在您的应用中使用 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");
```
  添加整个 Firebase JavaScript SDK，而不是个别 SDK（不建议用于生产应用）
  
  对于 Web 生产应用，加载整个 SDK 费时且低效。
  此选项仅适用于开发目的。
```
var firebase = require("firebase");
```
- 您可以使用 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";
```
  添加整个 Firebase JavaScript SDK，而不是个别 SDK（不建议用于生产应用）
  
  对于 Web 生产应用，加载整个 SDK 费时且低效。
  此选项仅适用于开发目的。
```
import firebase from "firebase";
```
  注意：将 import 语法直接用于 Node.js 的功能尚处于实验阶段，但您可以使用 Babel 等编译器转换为 CommonJS 格式（require 语法）。

添加您的 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);