2016-07-28 2 views
1

Firebase에서 전자 메일 인증을 사용하려고합니다. 모든 것이 잘 작동했지만 새로운 사용자를 만들려고 할 때 오류 인증/네트워크 요청 실패가 계속 발생했습니다. 코드를 기본으로 간소화했지만이 오류가 계속 발생합니다. 어떻게 이것을 피하고 이메일 인증을 다시 받으시겠습니까?Firebase 전자 메일 인증 네트워크 요청이 실패했습니다.

내 코드는 다음과 같습니다.

 <form id="register-form"> 
     <input id="register-email" type="text"></input> 
     <input id="register-password" type="password"></input> 
     <input type="submit" value="Submit"/> 
     </form> 



$('#register-form').on('submit', function(event) { 
    firebase.auth().createUserWithEmailAndPassword($('#register-email').val(), $('#register-password').val()).catch(function(error) { 
    console.log(error.code); 
    }); 
}); 
+0

어떤 환경 당신이를 실행? 웹 페이지입니까? 그렇다면 다른 장치/네트워크에서 실행 해 보셨습니까? – bojeil

+0

Chrome을 사용하고 있습니다. 다른 네트워크에 액세스 할 수 없었지만 후아 레즈의 스타일을 반영하기 위해 일부 코드를 바꿨습니다. – Chris

+0

문제를 재현하기위한 버전 정보 및 충분한 코드. [묻는 방법] (http://stackoverflow.com/help/how-to-ask) 및 [mcve 만들기] (http://stackoverflow.com/help/mcve)를 참조하십시오. – Kato

답변

1

Plunker 현재 코드 진행,하지만 당황하지 않는 것을보고 더해야한다, 거기 Firecast는 웹에서 중포 기지 인증 시작하기하는 방법에 당신은 여기 https://www.youtube.com/watch?v=-OKrloDzGpU 그것을 볼 수 있습니다

그리고 모든 것을 가속화하기 위해 코드에 따라 코드를 변경하고 프로젝트에 맞게 변경할 수 있습니다 (jQuery도 사용).

재미 있습니다!

(function() { 
 
    const config = { 
 
    apiKey: "apiKey", 
 
    authDomain: "authDomain", 
 
    databaseURL: "databaseURL", 
 
    storageBucket: "storageBucket", 
 
    }; 
 
    firebase.initializeApp(config); 
 

 
    const inputEmail = document.getElementById('email'); 
 
    const inputPassword = document.getElementById('password'); 
 
    const btnSignUp = document.getElementById('btnSignUp'); 
 

 
    btnSignUp.addEventListener('click', e => { 
 
    const email = inputEmail.value; 
 
    const pass = inputPassword.value; 
 
    const auth = firebase.auth(); 
 

 
    const promise = auth.createUserWithEmailAndPassword(email, pass); 
 
    promise.catch(e => console.log(e.message)); 
 
    }); 
 

 
    firebase.auth().onAuthStateChanged(firebaseUser => { 
 
    if(firebaseUser) { 
 
     console.log(firebaseUser); 
 
    } else { 
 
     console.log('not logged in'); 
 
    } 
 
    }); 
 
}());
<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Firebase: Register an user</title> 
 
</head> 
 
<body> 
 
    <div class="container"> 
 
    <input type="email" id="email" placeholder="Email"> 
 
    <input type="password" id="password" placeholder="Password"> 
 
    <button id="btnSignUp" class="btn btn-secondary">Signup</button> 
 
    </div> 
 

 
    <script src="https://www.gstatic.com/firebasejs/3.2.1/firebase.js"></script> 
 
</body> 
 
</html>

관련 문제