Firebase - Github身份验证

在本章中，我们将向您展示如何使用GitHub API对用户进行身份验证.

步骤1  - 启用GitHub身份验证

打开Firebase仪表板并单击侧面菜单中的验证，然后单击标签栏中的 SIGN-IN-METHOD .您需要启用GitHub身份验证并复制回调URL .您将在步骤2中使用此选项.您可以打开此选项卡，因为完成第2步后需要添加客户端ID 和客户端密钥.

第2步 - 创建Github应用程序

以创建GitHub应用程序.您需要将Firebase中的回拨网址复制到授权回调网址字段中.创建应用后，您需要将客户端密钥和客户端密钥从GitHub应用复制到Firebase.

步骤3  - 创建按钮

我们将在 body 标记中添加两个按钮.

index.html

<button onclick = "githubSignin()">Github Signin</button>
<button onclick = "githubSignout()">Github Signout</button>

步骤4  - 创建验证函数

我们将在索引中创建登录和注销函数. js 文件.

index.js

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

function githubSignin() {
   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 githubSignout(){
   firebase.auth().signOut()
   
   .then(function() {
      console.log('Signout successful!')
   }, function(error) {
      console.log('Signout failed')
   });
}

现在我们可以点击按钮来触发身份验证.控制台将显示身份验证成功.