Logo
Section 1 / 10

环境设置

让我们从 Firebase 的基础知识开始。

导入

环境设置

让我们从 Firebase 的基础知识开始。

本节教程将帮助我们熟悉 Firebase 环境,这将成为我们 React 应用的运行平台。

注册账号

首先,使用 Google 账号创建一个 Firebase 应用。点击“添加项目”按钮来创建一个新的 Firebase 项目:

banner_1024.jpg
banner_1024.jpg

接着,为我们的项目起一个独特的名称。

firebase-project_1024.jpg
firebase-project_1024.jpg

我们可以选择是否与 Google 共享分析数据以获取洞察。

firebase-create-project-analytics_1024.jpg
firebase-create-project-analytics_1024.jpg

稍等片刻,Firebase 项目就会完成设置。随后,我们将进入 Firebase 项目仪表盘。

Firebase 仪表盘

firebase-dashboard_1024.jpg
firebase-dashboard_1024.jpg

在“添加应用以开始”提示上方,我们会看到三个图标。通过这些图标,可以指定我们的应用将运行的操作系统。这三个按钮分别是 iOS、Android 和 Web 应用。

点击“Web 应用”按钮后,会显示用于连接应用到 Firebase API 的 Firebase 配置信息。

firebase-configuration_1024.jpg
firebase-configuration_1024.jpg

建议将此敏感信息存储在项目的环境变量中。尽管这些信息在客户端应用中可被访问,但公开暴露也无妨。未来我们需要通过其他机制(如读写规则、域名限制等)来保护 Firebase 应用。


至此,我们已完成 Firebase 的初始配置设置。在下一课中,我们将学习 Firebase 中的 认证机制。

入门!

Firebase 认证