📌  相关文章
📜  Firebase-Github身份验证

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

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

第1步-启用GitHub身份验证

打开Firebase仪表板，然后从侧面菜单中单击“身份验证”，然后在标签栏中单击“登录” 。您需要启用GitHub身份验证并复制Callback URL 。在步骤2中将需要此选项。由于在完成步骤2后需要添加客户端ID和客户端密钥，因此可以将此选项卡保持打开状态。

第2步-创建Github应用

单击此链接创建GitHub应用。您需要将Callback URL从Firebase复制到Authorization callback URL字段中。创建应用程序后，您需要将客户端密钥和客户端密钥从GitHub应用程序复制到Firebase。

第3步-创建按钮

我们将在body标签中添加两个按钮。

index.html

第4步-创建身份验证功能

我们将在index.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')
   });
}

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

Firebase Github身份验证日志