React和Firebase

快速将ReactFirebase连接

在构建项目时,有许多事情要担心,因此,您最后要担心的是拥有一个精心设计的数据库。 那就是Firebase进入的地方。这是迄今为止我做过的最简单的事情。 首先,您转到firebase.google.com,但请确保您已使用Google帐户登录。 然后单击创建数据库。

我喜欢实时数据库,它是免费的。 然后,给数据库命名,然后单击屏幕上的“网络”按钮,它将向我们显示我们的api密钥,URL等。 它看起来像这样。

您将代码添加到组件中,并通过在顶部添加代码来确保要求使用Firebase。 首先,您需要firebase应用,然后在其下需要您需要的所有其他功能,例如“数据库”。

现在,在您的组件中,要将数据发送到数据库,您只需使用先前创建的数据库变量(请看第二张图片)。

让我们看一下上面的代码。 我们有一个正在接收一些参数的函数。 一个userId,名称,电子邮件和imageUrl。 首先,我们使用firebase.database()创建与数据库的连接,然后使用.ref(’users /’+ userId),这意味着我们正在引用用户数据库并使用userId创建用户ID。 最后,当我们有

。组({

用户名:姓名,

电子邮件:电子邮件,

profile_picture:imageUrl

})

我们在这里所做的只是设置数据,不必担心您不必为此步骤在数据库中创建列或行。 Firebase将以树状结构为我们创建所有这些内容。 如果您现在访问firebase.google.com帐户,您将看到它立即更新,因为firebase使用Web套接字进行更新。