创建一个新的 Firebase 项目

Firebase 控制台

Firebase 控制台界面现代且友好，使用起来非常方便。我们首先需要登录 Firebase 控制台。Firebase 由 Google 拥有，并与 Gmail 账号绑定。如果你还没有账号，需要先创建一个。

请访问 Firebase 官网：firebase.google.com，然后点击页面顶部的 前往控制台 链接。

创建项目

点击带有大加号按钮的 创建项目 卡片来新建一个项目。

命名项目

使用提供的文本输入框为项目命名。完成后，请勾选 我接受 Firebase 条款... 选项。

你会看到提示 你的新项目已准备就绪；点击 继续。

添加应用

你可以向项目中添加不同类型的应用。我们这里要添加一个 Web 应用，点击 </>（括号）图标即可完成操作。

命名应用

我将应用名称设为与项目名称相同，只是额外加上“ - 浏览器版本”。你可以选择其他命名方式，但这种做法清晰明了，有助于避免后续混淆。目前不要勾选托管选项。我们将在后续课程中添加托管并部署应用。

点击 注册应用 按钮继续。

连接你的应用

应用创建成功后，复制提供的代码，并将其粘贴到你的 HTML 和 JavaScript 文件中。

请务必保存好配置密钥的所有信息。在后续课程中，你需要输入你的 Firebase 凭证，才能在此站点上运行应用程序。

HTML 代码

将以下代码添加到 HTML 文件的 <head> 标签内。

1<script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-app.js"></script>

JavaScript 代码

将以下代码添加到 JavaScript 文件的顶部。当然，你的代码中应填入你独有的 apiKey、authDomain 等信息。

1  // 你的 Web 应用的 Firebase 配置
2  var firebaseConfig = {
3    apiKey: "提供的 apiKey",
4    authDomain: "提供的 authDomain",
5    databaseURL: "提供的 databaseURL",
6    projectId: "提供的 projectId",
7    storageBucket: "提供的 storageBucket",
8    messagingSenderId: "提供的 messagingSenderId",
9    appId: "提供的 appId"
10  }
11  // 初始化 Firebase
12  firebase.initializeApp(firebaseConfig);

当你到达此页面时，说明已成功将 Firebase 集成到你的应用中。

在接下来的课程中，我们将开始使用 Cloud Firestore 数据库！