📜  Firebase-Google身份验证

📅  最后修改于: 2020-10-25 11:25:34             🧑  作者: Mango


在本章中,我们将向您展示如何在Firebase中设置Google身份验证。

第1步-启用Google身份验证

打开Firebase仪表板,然后单击左侧菜单上的“身份验证”。要打开可用方法的列表,需要在选项卡菜单中单击SIGN_IN_METHODS

现在,您可以从列表中选择Google ,然后将其启用并保存。

第2步-创建按钮

在我们的index.html中,我们将添加两个按钮。

index.html



第3步-登录和注销

在此步骤中,我们将创建登录和注销功能。我们将使用signInWithPopup()signOut ()方法。

让我们考虑以下示例。

var provider = new firebase.auth.GoogleAuthProvider();

function googleSignin() {
   firebase.auth()
   
   .signInWithPopup(provider).then(function(result) {
      var token = result.credential.accessToken;
      var user = result.user;
        
      console.log(token)
      console.log(user)
   }).catch(function(error) {
      var errorCode = error.code;
      var errorMessage = error.message;
        
      console.log(error.code)
      console.log(error.message)
   });
}

function googleSignout() {
   firebase.auth().signOut()
    
   .then(function() {
      console.log('Signout Succesfull')
   }, function(error) {
      console.log('Signout Failed')  
   });
}

刷新页面后,我们可以单击Google登录按钮来触发Google弹出窗口。如果登录成功,开发者控制台将登录我们的用户。

我们还可以单击Google退出按钮以退出该应用程序。控制台将确认注销成功。

Firebase Google身份验证日志