[Firebase] 애플리케이션에 파이어베이스 인증 적용

애플리케이션에 파이어베이스 인증 적용

1. 정의

- 애플리케이션에 파이어베이스인증 정보를 삽입해서 사용한다

2. 방법

1) 파이어베이스에 접속하여 자신의 프로젝트를 클릭 한다

2) 해당하는 프로젝트 유형을 클릭하여 해당 script  소스를 복사한다

3. 인증 설정

1) auth = firebase.auth();

- 해당 변수를 이용하여 auth 정보 초기화

2) var authProvider = new firebase.auth.GoogleAuthProvider();

- 구글 계정을 이용한 인증정보 설정

3) auth.signInWithPopup(authProvider);

- 인증 팝업을 띄운다

4) 확인

var auth; // Initialize Firebase var config = { apiKey: "AIzaSyAsh7KajFCLWHqAAaS0eSNompCUqyXH4vs", authDomain: "editor-7e5ba.firebaseapp.com", databaseURL: "https://editor-7e5ba.firebaseio.com", storageBucket: "editor-7e5ba.appspot.com", messagingSenderId: "219994741100" }; firebase.initializeApp(config); auth = firebase.auth(); var authProvider = new firebase.auth.GoogleAuthProvider(); auth.signInWithPopup(authProvider);

- firebase serve

- 위 명령어로 해당 어플리케이션을 실행하면 아래와 같은 구글 인증 팝업창이 뜬다

4. 인증을 이용한 소스

1)  인증 허용/불허용을 이용한 소스

var auth; // Initialize Firebase var config = { apiKey: "AIzaSyAsh7KajFCLWHqAAaS0eSNompCUqyXH4vs", authDomain: "editor-7e5ba.firebaseapp.com", databaseURL: "https://editor-7e5ba.firebaseio.com", storageBucket: "editor-7e5ba.appspot.com", messagingSenderId: "219994741100" }; firebase.initializeApp(config); auth = firebase.auth(); var authProvider = new firebase.auth.GoogleAuthProvider(); //인증여부 auth.onAuthStateChanged(function(user){ if(user){ //인증성공 console.log(user); console.log("success"); }else{//인증실패 auth.signInWithPopup(authProvider); } });