[ETC] FireBase 문자 인증

//firebaseConfig.js

const firebaseConfig = {
    apiKey: "apiKey",
    authDomain: "authDomain",
    projectId: "projectId",
    storageBucket: "storageBucket",
    messagingSenderId: "messagingSenderId",
    appId: "appId",
    measurementId: "measurementId"
};

export default firebaseConfig;

 

각 키는 firebase 가입 후 프로젝트를 생성하면 받을 수 있다. 해당 하는 키에 값을 넣어주면 된다.

 

import firebaseConfig from '../firebaseConfig';
import * as firebaseui from "firebaseui";
import firebase from "firebase";

const Main = () => {

    useEffect(() => {
        const fbase = firebase.initializeApp(firebaseConfig);
        const uiConfig = {
            signInSuccessUrl: "https://www.naver.com",
            signInOptions: [firebase.auth.PhoneAuthProvider.PROVIDER_ID],
            tosUrl: "https://www.naver.com"
        };
        let ui = new firebaseui.auth.AuthUI(firebase.auth());
        ui.start("#firebaseui-auth-container", uiConfig);
    }, []);
    
	return(
    	<div>
        	<div id="firebaseui-auth-container"></div>
        </div
	)
}

 

실행결과