通过网页与Firebase上的Facebook和Gmail帐户建立链接电话号码

Question

我正在使用Firebase服务在React中创建一个网络应用程序。我在登录屏幕上登录Google和Facebook，登录后用户可以选择链接他们的手机。我为此使用Firebase Phone Auth。用户已经签名，然后使用手机进行Auth验证。我想链接手机验证用户对象与Facebook /谷歌帐户。

阅读文档时，我无法找到适合我的用例的解决方案。帮助将不胜感激。

Answer 1

下面是一个简单示例，说明如何使用隐形reCAPTCHA将电话号码链接到Google/Facebook用户。

// Sign in the Google user first. 
firebase.auth().signInWithPopup(new firebase.auth.GoogleAuthProvider()) 
    .then(function(result) { 
    // Google user signed in. Check if phone number added. 
    if (!result.user.phoneNumber) { 
     // Ask user for phone number. 
     var phoneNumber = window.prompt('Provide your phone number'); 
     // You also need to provide a button element signInButtonElement 
     // which the user would click to complete sign-in. 
     // Get recaptcha token. Let's use invisible recaptcha and hook to the button. 
     var appVerifier = new firebase.auth.RecaptchaVerifier(
      signInButtonElement, {size: 'invisible'}); 
     // This will wait for the button to be clicked the reCAPTCHA resolved. 
     return result.user.linkWithPhoneNumber(phoneNumber, appVerifier) 
     .then(function(confirmationResult) { 
      // Ask user to provide the SMS code. 
      var code = window.prompt('Provide your SMS code'); 
      // Complete sign-in. 
      return confirmationResult.confirm(code); 
     }) 
    } 
    }) 
    .catch(function(error) { 
    // console.log(error); 
    });