Невозможно пройти проверку подлинности с помощью Firebase на простой странице HTML, JS - PullRequest
0 голосов
/ 20 мая 2019

Firebase не работает во время аутентификации. Это мой HTML-код

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Login</title>
</head>

<body>

    <div class="login form">
        <input type="text" class="loginEmail" placeholder="Email..." id="email_field">
        <br><br><br>
        <input type="password" class="loginPass" placeholder="Password..." id="password_field">
        <br><br>
        <button class="logBut" onclick="login()">Log in</button>
    </div>

</body>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#config-web-app -->
<!-- Private -->

</script>
<script src="index.js"></script>

</html>

Мой код index.js

    function login() {

    var userEmail = document.getElementById("email_field").value;
    var userPass = document.getElementById("password_field").value;

    firebase.auth().signInWithEmailAndPassword(userEmail, userPass).catch(function (error) {
        // Handle Errors here.
        var errorCode = error.code;
        var errorMessage = error.message;

        window.alert("Error : " + errorMessage);

        // ...
    });

}

Я не хочу использовать каркас внешнего интерфейса, такой как React или Angular. Это должно быть довольно просто, так как этот код работал некоторое время назад, но не работает сейчас

1 Ответ

1 голос
/ 20 мая 2019

Добавьте следующие скрипты

<!-- Add Firebase products that you want to use -->
<script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-auth.js"> 
</script>
<script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-firestore.js"> 
</script>

Инициализация вашей конфигурации Firebase

var firebaseConfig = {
  apiKey: "api-key",
  authDomain: "project-id.firebaseapp.com",
  databaseURL: "https://project-id.firebaseio.com",
  projectId: "project-id",
  storageBucket: "project-id.appspot.com",
  messagingSenderId: "sender-id",
  appID: "app-id",
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);

Замените учетные данные приложения перед запуском образца.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...