Web/AppFirebase

3.Firebase Google Auth 연동

Firebase
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script>
  var auth;
  // Initialize Firebase
  var config = {
    apiKey: "xxx",
    authDomain: "xxx",
    databaseURL: "xxx",
    projectId: "xxx",
    storageBucket: "xxx",
    messagingSenderId: "xxx"
  };
  firebase.initializeApp(config);
  auth = firebase.auth();
  var authProvider = new firebase.auth.GoogleAuthProvider();
  auth.signInWithPopup(authProvider);
</script>

위의 코드를 추가한 후 서버를 껏다 켜고 localhost:5000으로 접속하면 팝업이 뜬다.

Firebase
1
2
3
4
5
6
7
8
auth.onAuthStateChanged(function(user){
      if ( user) {
          // 인증 성공
          console.log("success");  
          console.log(user);
      }else {
          // 인증 실패
      }

위의 코드를 추가해서 인증이 되었을 때 로그를 확인해보자.

Firebase
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script>
  var auth;
  // Initialize Firebase
  var config = {
    apiKey: "xxx",
    authDomain: "xxx",
    databaseURL: "xxx",
    projectId: "xxx",
    storageBucket: "xxx",
    messagingSenderId: "xxx"
  };
  firebase.initializeApp(config);
  auth = firebase.auth();
  var authProvider = new firebase.auth.GoogleAuthProvider();


  auth.onAuthStateChanged(function(user){
        if ( user) {
            // 인증 성공
            console.log("success");
            console.log(user);
        }else {
            // 인증 실패
            auth.signInWithPopup(authProvider);
        }

  });
</script>

로그를 확인 했으면 위와같이 코드를 수정해서 인증을 실패 했을 때 팝업창이 뜨도록 설정해놓자

Share