Firebaseの準備

Fireabse Authの設定方法はこちら。
ログイン方法として、電話番号とGoogleを有効にしておいてください。

googleアカウントでの認証

まずはgoogleアカウントで認証させます。
signInWithPopupというメソッドを使います。

次に、電話番号での認証です。
reCAPTCHAの設定がちょっとめんどくさいので注意しましょう。
signInWithPhoneNumberというメソッドを使います。

ここまで完了したら、
currentUserに対して、linkAndRetrieveDataWithCredentialというメソッドを使い、アカウントに複数の認証プロバイダをリンクさせることができます。

以下のようになっていればOKです。

とても簡単に実装することができました。
2要素認証とかも簡単に実現できますね。

今回作成したソースコードをgithutbで公開しています。こちらから
(めっちゃ無駄ですが、アーキテクチャとして、Reduxを採用しています。。。
ちょっと前にリリースされたhooks APIに対応した機能を使ってみたくて...)

以上です。