【React】Firebase Auth에서 계정에 여러 공급자를 연결

Firebase Authentication , 매우 편리하네요.

이번에는 Firebase Authentication을 사용하여 Googleログイン 계정에 電話番号를 연결합니다.

Firebase 준비

Fireabse Auth 설정 방법은 여기
로그인 방법으로 電話番号 와 Google 를 有効 로 두십시오.

google 계정으로 인증

먼저 Google 계정으로 인증합니다.signInWithPopup 라는 메소드를 사용합니다.

전화번호로 인증

다음은 전화 번호로 인증입니다.reCAPTCHA 의 설정이 조금 귀찮아서 주의합시다.signInWithPhoneNumber 라는 메소드를 사용합니다.

계정에 여러 인증 공급자 연결

여기까지 완료하면,
currentUser에 대해 linkAndRetrieveDataWithCredential라는 메서드를 사용하여 계정에 여러 인증 공급자를 연결할 수 있습니다.

다음과 같이 되어 있으면 OK입니다.


매우 쉽게 구현할 수있었습니다.2要素認証 게다가 쉽게 실현할 수 있네요.

이번에 작성한 소스 코드를 githutb로 공개하고 있습니다. 여기에서
(엄청 낭비입니다만, 아키텍처로서 Redux를 채용하고 있습니다.
조금 전에 출시 된 hooks API에 대응한 기능을 사용해보고 싶어서...)

참고 : 공식 문서

이상입니다.