I am a newbie to Firebase. Getting error 'Failed to load resource error: the server responded with a status of 503 ()
' when try send OTP using Firebase phone authentication method. Shall be very thankful if someone could help.
Below is the detailed error message.
{"error":{"code":503,"message":"Error code: 39","errors":[{"message":"Error code: 39","domain":"global","reason":"backendError"}]}}
Here is my code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test</title>
</head>
<body>
<div class="row mt-3">
<form>
<h3>Enter phone no</h3>
<input type="text" id="number" value="enter verification">
<button type="button" value="Submit" onclick="phoneAuth();">Send Code</button>
</form>
</div>
<div class="row mt-3" id="recaptcha-container"></div>
<div class="row mt-3">
<form>
<h3>Enter OTP</h3>
<input type="text" id="verificationCode" value="enter OTP">
<button type="button" value="Submit" onclick="codeverify();">Verify OTP</button>
</form>
</div>
<script src="
https://www.gstatic.com/firebasejs/6.3.3/firebase-app.js"></script>
<script src="
https://www.gstatic.com/firebasejs/6.3.3/firebase-auth.js"></script>
<script>
var config = {
apiKey: "mykey",
authDomain: "xxxxxx",
projectId: "XXXX",
storageBucket: "XXXX",
messagingSenderId: "XXXX",
appId: "XXXX"
};
firebase.initializeApp(config);
</script>
<script>
window.onload = function () {
render();
};
function render() {
window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container');
recaptchaVerifier.render();
}
// Function for phone authentication
function phoneAuth() {
var number = "+92" + document.getElementById('number').value;
firebase.auth().signInWithPhoneNumber(number, recaptchaVerifier)
.then(function (confirmationResult) {
window.confirmationResult = confirmationResult;
console.log(confirmationResult);
alert("Message Sent");
})
.catch(function (error) {
console.error(error);
alert(error.message);
});
}
// Function for verifying the code
function codeVerify() {
var code = document.getElementById('verificationCode').value;
confirmationResult.confirm(code)
.then(function (result) {
alert("Message Verified");
var user = result.user;
console.log(user);
//window.location.href = "/index/registration";
})
.catch(function (error) {
console.error(error);
alert(error.message);
});
}
</script>
</body>
</html>