자바스크립트, 파이어베이스 전화 인증

JS Firebase 전화 인증. 

안드로이드 자료는 참 많은데,

전화 인증은 굳이 이메일/비밀번호처럼 간단한 인증 방식을 놔두고,

리캡챠까지 써가며 쓸 이유가 없어서 그런가 자료가 별로 없더라구요.  

 

1. 전화번호가 유효한지 판단하는 메소드 ? :: Sign-in 버튼이 비활성화네요? 

국제전화 +가 있는 것과, 띄어쓰기가 있는 건 알겠는데 본인들이 제시하는 +1 650-555-1234도 안되는지 모르겠습니다. 

가장 흔한 전화번호 정규 표현식 대체하기로 합니다. 

pattern='^\+(?:[0-9]●?){8,14}[0-9]$'

입력받는 곳, 판단하는 메소드 모두에 사용합니다. 

+포함 국제번호 및 전화번호를 붙여서 8~14자리 안에서 입력받는 다는 의미입니다. 

 

2. 테스트 케이스만 되는 경우

안전...을 체크하는 것인지 그냥 어디서 보내는 것인지를 알려주는지를 체크하는 것인지.

커스텀 도메인을 설정해 줘야 합니다.

로컬 & https:// 는 디폴트라고 하므로, 본인 도메인을 등록해 줘야 합니다.

파이어베이스 전화 인증을 하는 페이지 중간~하단에 있습니다.

참고로 www와 있고 없는 것은 다른 것으로 판단합니다. 

 

3. CDN방식 할 때의 주의점

대부분의 코드는 파이어베이스 호스팅을 한다는 가정 하에 샘플 코드가 짜여져 있습니다.

기본 코어인 firebase와 auth가 포함되어야 하는데, /__/ 와 같은 폴더트리?가 그것입니다. 

만약 파이어베이스 호스팅이 아닌 경우라면 직접 

script(src='https://www.gstatic.com/firebasejs/8.7.1/firebase-app.js') 와 같이 다 표기해 주어야 합니다.

(pug 기준)