0

Ich habe eine Google App-Engine und ich habe kürzlich beschlossen, die App-Engine hinzuzufügen. Ich habe die Schritte durchgegangen, habe mein Google-Projekt in Firebase importiert, den gesamten Initialisierungscode und einige temporäre Funktionen hinzugefügt, um mich anzumelden und anzumelden. Die App geht jedoch nie über die Punkte hinaus, an denen ich mich anmelde. Ich habe überall gesucht und alles versucht, was ich kann. Ich bin mir sicher, dass ich nur etwas Kleines vermisse, aber ich könnte ein anderes Paar Augen benutzen. Vielen Dank.Firebase-Autorisierung und Standard Google App Engine - kann sich nicht anmelden oder registrieren

Hier ist meine HTML-Datei:

function loginEvent() 
{ 
    const email = document.getElementById('txtEmail'); 
    const pass = document.getElementById('txtPassword'); 

    email.value = "HELLO"; 
    email.value = firebase.app().name; 
    pass.value = "NO"; 

    firebase.auth().signInWithEmailAndPassword(email, pass) 
    .catch(function(error) { 
    // Handle Errors here. 
    var errorCode = error.code; 
    var errorMessage = error.message; 
    if (errorCode === 'auth/wrong-password') { 
    alert('Wrong password.'); 
    } else { 
    alert(errorMessage); 
    } 
    console.log(error); 
}); 

    pass.value = "YES" 
} 

function signupEvent() 
{ 
    const email = document.getElementById('txtEmail'); 
    const pass = document.getElementById('txtPassword'); 

    firebase.auth().createUserWithEmailAndPassword(email, pass).catch(function(error) { 
      // Handle Errors here. 
      var errorCode = error.code; 
      var errorMessage = error.message; 
      // ... 
     }); 
} 

Ich war Ändern der Werte der E-Mail und Passwort, die ich erreichte nur, um sicherzustellen, dass:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Hello Endpoints!</title> 
    <script type="text/javascript" src="/js/base.js"></script> 

    <!-- SCRIPT FOR FIREBASE --> 
    <script src="https://www.gstatic.com/firebasejs/4.3.1/firebase.js"></script> 
    <script src="https://www.gstatic.com/firebasejs/4.3.1/firebase-app.js"></script> 
    <script src="https://www.gstatic.com/firebasejs/4.3.1/firebase-auth.js"></script> 
    <script src="https://www.gstatic.com/firebasejs/4.3.1/firebase-database.js"></script> 

    <script type="text/javascript" src="/js/firebaseApp.js"></script> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <link type="text/css" rel="stylesheet" href="/bootstrap/css/bootstrap.css"> 
    <link type="text/css" rel="stylesheet" href="/bootstrap/css/bootstrap-responsive.css"> 
    <link type="text/css" rel="stylesheet" href="/css/style.css"> 
</head> 
<body> 
<div class="container"> 
    <input id="txtEmail" type="email" placeholder="Email"> 
    <input id="txtPassword" type="password" placeholder="Password"> 

    <button id="btnLogin" class="btn btn-action" onclick="loginEvent()"> 
    Log in 
    </button> 
    <button id="btnSignUp" class="btn btn-secondary" onclick="signupEvent()"> 
    Sign Up 
    </button> 
    <button id="btnLogout" class="btn btn-action hide"> 
    Log out 
    </button> 

    <script src="https://www.gstatic.com/firebasejs/4.3.1/firebase.js"></script> 
    <script> 
     // Initialize Firebase 
     var config = { 
     apiKey: "<API_KEY>", 
     authDomain: "<PROJECT_ID>.firebaseapp.com", 
     databaseURL: "https://<DATABASE_NAME>.firebaseio.com", 
     projectId: "<PROJECT_ID>", 
     storageBucket: "<BUCKET>.appspot.com", 
     messagingSenderId: "<SENDER_ID>", 
     }; 
     firebase.initializeApp(config); 
    </script> 


</div> 
<div class="container"> 

    <form action="javascript:void(0);"> 
     <h2>Add Asteroid</h2> 
     <div><span class="label">Name: </span><input id="asteroidName" /></div> 
     <div><span class="label">Diameter: </span><input id="asteroidDiam" /></div> 
     <div>Dimensions:</div> 
     <div><span class="dimlabel">Length: </span><input id="asteroidLength" /></div> 
     <div><span class="dimlabel">Width: </span><input id="asteroidWidth" /></div> 
     <div><span class="dimlabel">Height: </span><input id="asteroidHeight" /></div> 
     <div><span class="label">Mean Distance From Sun: </span><input id="asteroidDist" /></div> 
     <div><input id="addAsteroid" type="submit" class="btn btn-small" value="Submit"></div> 
    </form> 

    <form action="javascript:void(0);"> 
     <h2>Refresh Asteroids</h2> 
     <div><input id="listAsteroids" type="submit" class="btn btn-small" value="Refresh"></div> 
    </form> 

    <table id="AsteroidTable"> 
     <tr> 
      <th>Asteroid</th> 
      <th>Diameter</th> 
      <th>Dimensions</th> 
      <th>Mean Distance From Sun</th> 
     </tr> 
    </table> 

    <script type="text/javascript"> 
     function init() { 
      google.devrel.samples.hello.init('//' + window.location.host + '/_ah/api'); 
     } 
    </script> 
    <script src="https://apis.google.com/js/client.js?onload=init"></script> 
</div> 
</body> 
</html> 

Und hier meine FirebaseApp.js ist Punkt. Ausdruck des Werts von firebase.app(). name gibt [DEFAULT] zurück. Ich habe auch sichergestellt, dass die Option "E-Mail/Passwort" in Firebase ausgewählt wurde. Vielen Dank für Ihre Hilfe.

Antwort

0

Sie müssen nur https://www.gstatic.com/firebasejs/4.3.1/firebase.js einschließen, die alle benötigten Module enthält. Keine Notwendigkeit, enthalten alle anderen: Feuerbasis-app.js, Feuerbasis-auth.js usw.

Auch signInWithEmailAndPassword und createUserWithEmailAndPassword String-Argumente akzeptieren. Sie übergeben stattdessen Eingabeelemente. Aus diesem Grund sollten in der Konsole Fehler auftreten. Also statt email, pass email.value.

+0

heilige Kuh danke dir so viel .... Ich kann nicht glauben, dass ich nicht e-mail.value und so. Das war das Problem. Eclipse gab keine Fehler aus, auch nicht mit console.log(), also ruderte ich überall herum. Vielen Dank lol –

+0

Cool, froh, ich war hilfreich. – bojeil