Steps for replacing the firestore document ID with user UID in a document:

Question

Steps for replacing the firestore document ID with user UID in a document:

I've been attempting to retrieve the user UID instead of using the automatically generated document ID in Firebase/Firestore, but I'm encountering this error:

TypeError: firebase.auth(...).currentUser is null

This is the content of my index.js file:

// Setting up Firestore Cloud Database 
var db = firebase.firestore();
function registerUser(){
const txtname = document.getElementById('txtuname').value;
const txtEmail = document.getElementById('txtemail').value;
const txtPass = document.getElementById('txtpass').value;

firebase.auth().createUserWithEmailAndPassword(txtEmail, txtPass).catch(function(error) {
        var errorCode = error.code;
        var errorMessage = error.message;
        
        if (errorCode == 'auth/weak-password') {
          alert('The password is too weak.');
        } else {
          //alert(errorMessage);
        }
        console.log(error);

      });

 var uid = firebase.auth().currentUser.uid;
if(uid !=null){
 db.collection("users").doc(uid).add({
    UserName: txtname,
    Email: txtEmail,
    Password: txtPass
})
.catch(function(error) {
    console.error("Error adding document: ", error);
});
}

}

javascript firebase firebase-authentication google-cloud-firestore

Answer 1

Answer №1

Make sure to properly handle the asynchronous nature of

firebase.auth().createUserWithEmailAndPassword(...)

.

Consider implementing the following approach:

// Connecting to Firestore Cloud Database
var db = firebase.firestore();
function registerUser(){
    const username = document.getElementById('txtuname').value;
    const email = document.getElementById('txtemail').value;
    const password = document.getElementById('txtpass').value;
    
    firebase.auth().createUserWithEmailAndPassword(email, password)
        .then(function (user) {
            // Perform operations on user creation success
        })
        .catch(function(error){
            // Handle any errors here
        });

}

Answer 2

Make sure to properly handle the asynchronous nature of

firebase.auth().createUserWithEmailAndPassword(...)

.

Consider implementing the following approach:

// Connecting to Firestore Cloud Database
var db = firebase.firestore();
function registerUser(){
    const username = document.getElementById('txtuname').value;
    const email = document.getElementById('txtemail').value;
    const password = document.getElementById('txtpass').value;
    
    firebase.auth().createUserWithEmailAndPassword(email, password)
        .then(function (user) {
            // Perform operations on user creation success
        })
        .catch(function(error){
            // Handle any errors here
        });

}

Answer 3

Answer №2

Keep in mind that cloud functions can sometimes take an unpredictable amount of time to process. If you're looking to immediately access data stored in the users collection, this method may not be suitable for your needs.

Here's how you can use Firebase cloud functions:

exports.createUser = functions.auth.user().onCreate((user) => {
  const userMap = {
    uid: user.uid,
    email: user.email,
  };
  return admin.firestore().collection('user').doc(user.uid).set(userMap);
});

Answer 4

Keep in mind that cloud functions can sometimes take an unpredictable amount of time to process. If you're looking to immediately access data stored in the users collection, this method may not be suitable for your needs.

Here's how you can use Firebase cloud functions:

exports.createUser = functions.auth.user().onCreate((user) => {
  const userMap = {
    uid: user.uid,
    email: user.email,
  };
  return admin.firestore().collection('user').doc(user.uid).set(userMap);
});

Answer 5

Answer №3

Utilize the example below to create your own code

In this case,

"_email","_password","_city","_phone"

represent variables

onSaved: (value) => _email = value

extracted from the TextFormField() function

Code:

String userId = await widget.auth.createUserWithEmailAndPassword(_email, _password);

print('Registered user: $userId');

final new_user = await FirebaseFirestore.instance.collection('users').doc(userId).
      set({"UserUID":'$userId',"Email":_email,"Password":_password,"City":_city,"Phone 
Number":_phone});

Answer 6

Utilize the example below to create your own code

In this case,

"_email","_password","_city","_phone"

represent variables

onSaved: (value) => _email = value

extracted from the TextFormField() function

Code:

String userId = await widget.auth.createUserWithEmailAndPassword(_email, _password);

print('Registered user: $userId');

final new_user = await FirebaseFirestore.instance.collection('users').doc(userId).
      set({"UserUID":'$userId',"Email":_email,"Password":_password,"City":_city,"Phone 
Number":_phone});

Steps for replacing the firestore document ID with user UID in a document:

Answer №1

Answer №2

Answer №3

Similar questions

Improprove the design of the dropdown component using React

Invoke a function in JavaScript just once using a closure

How can you incorporate TypeScript's dictionary type within a Mongoose schema?

What is the best way to eliminate a vertical line from the canvas in react-chartjs-2?

There seems to be an issue with Ajax functionality within the Webix framework

Resource loading unsuccessful: server encountered a status of 500 (Internal Server Error)

Managing MUI form fields using React

Exploring NodeJS and ExpressJS: Unveiling the significance of routes/index.js

What's the best way to implement asynchronous state updating in React and Redux?

Repairing the Performance of the 'Save' Feature

Developing an easily optimized library using rollup to remove unnecessary code branches

Getting the x-axis points on Google charts to start at the far left point

Dynamically scrolling using SuperScrollorama and Greensocks

Modifying the DOM within a getJSON callback

Oh no, there seems to be an issue with accessing the 'map' property in REACT JS. It appears to

Calculating the sum of table columns with the help of knockout.js

Tips for adjusting the horizontal position of a grid item within a map() loop

The Google timezone API is displaying an inaccurate daylight saving offset

Issues with integrating chart.js in Laravel 7: Element #app not found?

Leverage the controller's properties and methods within the directive