Firebase - Github身份验证

Firebase Github身份验证 - 从简单和简单的步骤开始学习Firebase，从基本到高级概念，包括概述，环境设置，数据，数组，写入数据，写入列表数据，写入事务数据，读取数据，事件类型，分离回调，查询，过滤数据，最佳实践，电子邮件，谷歌，Facebook，Twitter，Github，匿名身份验证，脱机功能，安全性，部署。

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

步骤1 - 启用GitHub身份验证

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

第2步 - 创建Github应用程序

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

步骤3 - 创建按钮

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

index.html

Github SigninGithub Signout

步骤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')   });}

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

Firebase Github Auth Log