首页 >web前端 >js教程 >使用 firebase Vue JS 登录/注册 #STEP

使用 firebase Vue JS 登录/注册 #STEP

我最近发现了这个令人难以置信且简单的身份验证工具，可以在我的项目中实现，我想分享所有功能并逐步分享，以便您也可以在您的项目中使用它。

我是一名前端开发人员，当然，我对后端的了解非常模糊，尤其是在实现登录/注册屏幕时，用户必须存储开发个人的敏感和加密信息。应用程序，这个令人难以置信且非常易于使用的工具作为一个选项出现，所以，话不多说，让我们看一下示例和解释。

在第一篇文章中，我们将在 Firebase 中创建一个项目并配置使该项目正常运行所需的一切，所以...

登录 Firebase 时，转到选项创建项目。
然后，为您的项目命名（我建议输入您的应用程序的名称，在我的例子中为登录应用程序），然后单击继续。
下一步是是否为项目激活Google Analytics，在我的例子中，我不会激活它，但这取决于你，之后，只需点击创建项目.
等待加载完成，然后点击继续。
如果一切顺利，将会出现此屏幕。
现在下一步，转到此选项身份验证。
在其中，转到让我们开始。
选择选项电子邮件/密码。
然后启用登录选项并保存设置。
您将看到它现在将在身份验证主屏幕上显示所选选项，如图所示。
现在让我们转到选项添加新供应商，我们还将配置使用 Google 的登录。
只需选择选项Google。
然后，您需要激活，之后它将打开一个带有项目的公共名称的选项卡，它将在其中创建一个随机名称，但在我的案例中，我将与项目相同的名称 login-app 并且它还会请求一封电子邮件以获取支持，它通常会从 Google 查找您的电子邮件，您只需要选择，最后保存。
它将再次重定向到主身份验证屏幕，现在显示两个活动的提供商。