I'm using firebase authentication but when I'm redirected to other page I'm not getting (uid)
Question
I'm facing unique problem when I login with my credentials I get User id on my console but Thing I'm trying to do is to redirect user to information page, I done same stuff as I done in siginup page but not getting UID directly. plus when I refresh page it's showing me correct UID. I'm Confused any help would be great here's my code
**Information.html**
<!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">
<title>Information</title>
<!-- CSS -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/form-elements.css">
<link rel="stylesheet" href="assets/css/style.css">
<!--Cloudinary imports -->
<!-- ends here -->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script src="info.js"></script>
</head>
<body>
<script src ="index.js"></script>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="user_homepage.html">DashBoard</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="home.html"><span class="glyphicon glyphicon-log-out"></span> Login Out</a></li>
</ul>
</div>
</div>
</nav>
<!-- Top content -->
<div class="top-content">
<div class="inner-bg">
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3 form-box">
<div role="form" class="registration-form">
<fieldset>
<div class="form-top">
<div class="form-top-left">
<h3>Information Cell</h3>
<p>Tell us who you are:</p>
</div>
<div class="form-top-right">
<i class="fa fa-user"></i>
</div>
</div>
<div class="form-bottom">
<div class="form-group">
<label class="sr-only" for="form-first-name">First name</label>
<input type="text" id="name" placeholder="Name..." class="form-first-name form-control" >
</div>
<div class="form-group">
<label class="sr-only" for="form-last-name">Class</label>
</div>
<div>
<select class="form-control">
<option >Select One!</option>
<option id="userClass" >XI</option>
<option id="userClass">XII</option>
</select>
</div>
<div class="form-group">
<label class="sr-only" for="form-facebook">Select Your Subjects</label>
<div class="checkbox">
<label><input type="checkbox" value="Physics">Physics</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Chemistry">Chemistry</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Maths">Maths</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Botany">Botany</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Zoology">Zoology</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Islamiat">Islamiat</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Urdu">Urdu</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="English">English</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="Pakistan Studies">Pakistan Studies</label>
</div>
</div>
<div class="form-group">
<input type='file' id= "profileImage" class=" btn btn-primary" onchange="readURL(this);" />
<img id="blah" name="profile Image" alt="Loading!!" class="img-circle"/>
</div>
<button type="submit" id="write" onclick="write()" class="btn">Set up Complete</button>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Javascript -->
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah')
.attr('src', e.target.result)
.width(150)
.height(150);
};
reader.readAsDataURL(input.files[0]);
}
}
</script>
<script src="assets/js/jquery-1.11.1.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.backstretch.min.js"></script>
<script src="assets/js/retina-1.1.0.min.js"></script>
<script src="assets/js/scripts.js"></script>
<!--[if lt IE 10]>
<script src="assets/js/placeholder.js"></script>
<![endif]-->
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script>
//firebase credentials
firebase.initializeApp(config);
</script>
</body>
<footer class="container-fluid text-center">
</footer>
</html>
**info.js**
function write(){
function writeUserData(name, userClass, profileImage) {
firebase.database().ref('userDataNode/' + user.uid).set({
userName: name,
userClass: userClass,
profileImage : profileImage
});
document.getElementById('name').textContent = 'name';
document.getElementById('userClass').textContent = 'userClass';
document.getElementById('profileImage').textContent = 'profileImage';
document.getElementById('write').textContent = 'write';
}
}
function initApp() {
firebase.auth().onAuthStateChanged(function(user) {
console.log (user.uid);
});
}
window.onload = function() {
// Initialize Firebase
initApp();
};
**index.js**
//Login Method Javascript
function CreateUser(){
var email = document.getElementById('txtEmail').value;
var password = document.getElementById('txtPassword').value;
firebase.auth().createUserWithEmailAndPassword(email, password)
.catch(function(error) {
// Handle Errors here.
var errorCode = error.code;
var errorMessage = error.message;
if (errorCode == 'auth/weak-password') {
alert('The password is too weak.');
} else {
alert(errorMessage);
document.getElementById('Sign Up').disabled = false;
}
console.log(error);
document.getElementById('Sign Up').disabled = true;
});
alert("your Account has been created");
document.getElementById('Sign Up').textContent = 'CreateUser';
}
function login(){
var email = document.getElementById('txtEmail').value;
var password = document.getElementById('txtPassword').value;
firebase.auth().signInWithEmailAndPassword(email, password)
.catch(function(error) {
// Handle Errors here.
var errorCode = error.code;
var errorMessage = error.message;
if (errorCode == 'auth/weak-password') {
alert('The password is too weak.');
} else {
alert(errorMessage);
document.getElementById('logged In').disabled = false;
}
console.log(error);
document.getElementById('logged In').disabled = true;
});
alert("Logged In");
document.getElementById('logged In').textContent = 'login';
window.open("information.html");
}
function logOut(){
firebase.auth().signOut().then(function() {
// Sign-out successful.
alert("Logged Out");
document.getElementById('logged Out').disabled = true;
}, function(error) {
document.getElementById('logged Out').disabled = false;
});
}
function write(){
function writeUserData(name, userClass, profileImage) {
firebase.database().ref('userDataNode/' + user.uid).set({
userName: name,
userClass: userClass,
profileImage : profileImage
});
document.getElementById('name').textContent = 'name';
document.getElementById('userClass').textContent = 'userClass';
document.getElementById('profileImage').textContent = 'profileImage';
document.getElementById('write').textContent = 'write';
}
}
function initApp() {
firebase.auth().onAuthStateChanged(function(user) {
console.log (user.uid);
});
}
window.onload = function() {
// Initialize Firebase
initApp();
};
**signin.html**
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Sign In</title>
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script src="index.js"></script>
</head>
<body>
<div class="sign-up">
<h1 class="sign-up-title">Sign In</h1>
<p>Don't Have an account?<a href="index.html">Sign up</a></p><br/>
<input id="txtEmail" type="email" class="sign-up-input" placeholder="Enter Email" autofocus>
<input id="txtPassword" type="password" class="sign-up-input" placeholder="Enter password">
<button id="logged In" onclick="login()" class="sign-up-button">Sign In!</button><br/><br/>
<button id ="logged Out" onclick="logOut()" class="sign-up-button">Sign Out!</button>
</div>
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script>
// Initialize Firebase
//firebase credentials
firebase.initializeApp(config);
</script>
</body>
</html>
1 answers
solution1
0 2017-01-25 11:16:01
You could save your UID as session cookie!
Set on sign up page like this:
sessionStorage.setItem('uid', firebase.auth().currentUser.uid);
Read on other pages:
sessionStorage.getItem('uid');
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
I'm not able to pass the UID that I get from pushing data to my firebase db, to other javascript files
What I'm getting blank page?
What is the sequence of events that happens when I'm using set() in Firebase?
I'm getting error when manipulating array
I'm getting no errors when using react on vscode
When reload the page error 401 is thrown, i'm using Angular 5
I'm using AJAX to post an object from javascript to php within the same page and I'm getting the entire html page instead of the object
I'm getting a NaN error
I'm getting NaN in JavaScript
JS: I'm not getting the scope
Related Tags