我最近發(fā)現(xiàn)了這個(gè)令人難以置信且簡(jiǎn)單的身份驗(yàn)證工具，可以在我的項(xiàng)目中實(shí)現(xiàn)，我想分享所有功能并逐步分享，以便您也可以在您的項(xiàng)目中使用它。

我是一名前端開發(fā)人員，當(dāng)然，我對(duì)后端的了解非常模糊，尤其是在實(shí)現(xiàn)登錄/注冊(cè)屏幕時(shí)，用戶必須存儲(chǔ)開發(fā)個(gè)人的敏感和加密信息。應(yīng)用程序，這個(gè)令人難以置信且非常易于使用的工具作為一個(gè)選項(xiàng)出現(xiàn)，所以，話不多說，讓我們看一下示例和解釋。

在第一篇文章中，我們將在 Firebase 中創(chuàng)建一個(gè)項(xiàng)目并配置使該項(xiàng)目正常運(yùn)行所需的一切，所以...

1. 登錄 Firebase 時(shí)，轉(zhuǎn)到選項(xiàng)創(chuàng)建項(xiàng)目。
   

2. 然后，為您的項(xiàng)目命名（我建議輸入您的應(yīng)用程序的名稱，在我的例子中為登錄應(yīng)用程序），然后單擊繼續(xù)。
   

3. 下一步是是否為項(xiàng)目激活Google Analytics，在我的例子中，我不會(huì)激活它，但這取決于你，之后，只需點(diǎn)擊創(chuàng)建項(xiàng)目.
   

4. 等待加載完成，然后點(diǎn)擊繼續(xù)。
   

5. 如果一切順利，將會(huì)出現(xiàn)此屏幕。
   

6. 現(xiàn)在下一步，轉(zhuǎn)到此選項(xiàng)身份驗(yàn)證。
   

7. 在其中，轉(zhuǎn)到讓我們開始。
   

8. 選擇選項(xiàng)電子郵件/密碼。
   

9. 然后啟用登錄選項(xiàng)并保存設(shè)置。
   

10. 您將看到它現(xiàn)在將在身份驗(yàn)證主屏幕上顯示所選選項(xiàng)，如圖所示。
    

11. 現(xiàn)在讓我們轉(zhuǎn)到選項(xiàng)添加新供應(yīng)商，我們還將配置使用 Google 的登錄。
    

12. 只需選擇選項(xiàng)Google。
    

13. 然后，您需要激活，之后它將打開一個(gè)帶有項(xiàng)目的公共名稱的選項(xiàng)卡，它將在其中創(chuàng)建一個(gè)隨機(jī)名稱，但在我的案例中，我將與項(xiàng)目相同的名稱 login-app 并且它還會(huì)請(qǐng)求一封電子郵件以獲取支持，它通常會(huì)從 Google 查找您的電子郵件，您只需要選擇，最后 保存。
    

14. 它將再次重定向到主身份驗(yàn)證屏幕，現(xiàn)在顯示兩個(gè)活動(dòng)的提供商。
    

創(chuàng)建項(xiàng)目和配置試衣間的這一部分終于結(jié)束了?，我保證我們會(huì)盡快動(dòng)手并讓一切順利進(jìn)行。

現(xiàn)在，我們需要返回 Firebase 主頁(yè)，以便在代碼中獲取將 Firebase 集成到我們的項(xiàng)目中所需的代碼。

1. 在項(xiàng)目概述中，讓我們選擇Web。
   應(yīng)用程序

2. 所以讓我們給這個(gè)應(yīng)用程序起一個(gè)昵稱，我再次選擇命名login-app，然后單擊注冊(cè)應(yīng)用程序。
   

3. 完成此操作后，它將為我們提供將 SDK 添加到項(xiàng)目所需的一切，從安裝 firebase 的命令到 Web 應(yīng)用程序設(shè)置。
   

請(qǐng)注意，在添加 SDK 的這一部分中，您可以選擇使用 npm 或 script 標(biāo)簽，就我而言，因?yàn)槲覀兊南敕ㄊ菍⑵浼傻?Vue JS 項(xiàng)目中，所以無論如何我都會(huì)使用 NPM。

現(xiàn)在，最后讓我們來看看最重要的，代碼。

以上是使用 firebase Vue JS 登錄/注冊(cè) #STEP的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！