Google身份验证（Google Authentication）

优质

小牛编辑

131浏览

2023-12-01

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

第1步 - 启用Google身份验证

打开Firebase仪表板，然后单击左侧菜单上的“ Auth ”。要打开可用方法列表，您需要单击选项卡菜单中的SIGN_IN_METHODS 。

现在，您可以从列表中选择Google ，启用它并保存。

第2步 - 创建按钮

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

的index.html

<button onclick = "googleSignin()">Google Signin</button>
<button onclick = "googleSignout()">Google Signout</button>

第3步 - 登录和注销

在此步骤中，我们将创建Signin和Signout函数。我们将使用signInWithPopup()和signInWithPopup() signOut()方法。

例子 (Example)

让我们考虑以下示例。

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 Signin按钮触发Google弹出窗口。如果登录成功，开发人员控制台将登录我们的用户。

我们还可以点击Google Signout按钮从应用中退出。控制台将确认注销成功。