У меня проблема с сетевой аутентификацией Firebase. В firebase не возвращаются ошибки в консоли, я целенаправленно перепробовал разные комбинации неверного пароля и идентификатора электронной почты, но в консоли не было ошибок. При использовании правильного имени пользователя (электронной почты) и пароля ничего не отображается, а при пошаговом кодировании с помощью chrome-dev-tools функция не выполняется. может кто-нибудь помочь? Заранее спасибо ...
Учитывая приведенный ниже код javaScript и HTML-коды, не могли бы вы подтвердить, что код подтверждает то, что я пропустил ??
Но все в приложении для Android работает нормально для этого же проекта
Добавлен локальный хост в домене под аутентификацией, и я запускаю приложение на локальном хосте.
login.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Login</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/util.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="https://www.gstatic.com/firebasejs/7.2.3/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.2.3/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.2.3/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.2.3/firebase-firestore.js"></script>
<script src = "js/firebase.js"></script>
<script src="js/main.js"></script>
<script src="js/userOperations.js"></script>
<!--===============================================================================================-->
</head>
<body>
<div class="limiter">
<div class="container-login100">
<div class="wrap-login100">
<form class="login100-form validate-form p-l-40 p-r-40 p-t-178">
<span class="login100-form-title">
<img src="./img/logo.png">
</span>
<div class="wrap-input100 validate-input m-b-16" data-validate="Please enter username">
<input class="input100" type="email" placeholder="Email" id = "username">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input m-b-16" data-validate = "Please enter password">
<input class="input100" type="password" placeholder="Password" id = "password">
<span class="focus-input100"></span>
</div>
<div class="container-login100-form-btn ">
<button onclick="signIn()" class="login100-form-btn shadow">
LOGIN
</button>
</div>
<div class="text-right p-t-13 p-b-23">
<span class="txt1">
<a href="register_selection.html">
Register Now
</a>
</span>
<span class="txt2">
<a href="recover.html">
Forgot Password?
</a>
</span>
</div>
<div class="flex-col-c p-t-70 p-b-40">
<span class="txt4 p-b-9">
Copyright © 2019
</span>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
firebase.js
<!-- language: lang-javascript -->
// Your web app's Firebase configuration
var firebaseConfig = {
// added the required codes here
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
//Handle Account Status
firebase.auth().onAuthStateChanged(user => {
if(user) {
window.alert("logged in");
}
});
const auth = firebase.auth();
function signIn(){
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
console.log(username+password);
firebase.auth().signInWithEmailAndPassword(username, password).catch(function(error) {
// Handle Errors here.
var errorCode = error.code;
var errorMessage = error.message;
console.log(errorCode+" "+errorMessage);
// ...
});
}