How to save user-generated data to the user in Firebase using JavaScript

Question

I'm trying to create a todo list with Firebase. After a user authenticates with Google, the user can create tasks, but I can't figure out how to store the task to the user.

I'm trying to use .child(), but I can't know what the uid is for each user is. I also tried .orderByChild(), but that doesn't seem to do it , either (or I'm not using it right).

I've tried:

var firebase = new Firebase('https://<my-app>.firebaseio.com');

firebase.child('users').child(authData.uid).child('task').push({
            status: 'In Progress',
            taskName: $taskName.val(),
            taskDescription: $taskDescription.val(),
            taskCategory: $taskCategory.val()
        })

authData.uid is given by Google on authentication:

firebase.authWithOAuthPopup('google', function(error, authData) {
                if (error) {
                    console.log("Login Failed!", error);
                } else {
                    // Stores user in Firebase
                    firebase.onAuth(function(authData) {
                        if (authData) {
firebase.child('users').child(authData.uid).set({
                                name: authData.google.displayName
                            });
                        }
                    });
                }
            });

Edit your question to include the minimal-but-complete code that shows the problem please. There is too much room for interpretation with the tiny inline snippets. If you find it difficult to isolate the problem in such a way, try reproducing it in a jsfiddle/jsbin first and add the link and crucial code to your question. See MCVE. — Frank van Puffelen
– Frank van Puffelen, Commented Apr 8, 2016 at 4:20
Your snippet seems perfectly fine. What is the problem? What would you like to do that doesn't work ? firebase.child('users').child(authData.uid).child('task').push(...) would create a new node under users/$uid/task. Is it not what you want ? — VonD
– VonD, Commented Apr 8, 2016 at 14:00

Frank van Puffelen · Accepted Answer · 2016-04-08 14:29:17Z

1

When adding the task, you build the path like this:

firebase.child('users').child(authData.uid).child('task').push({

That won't work, because authData is not available anymore at this point.

Instead you can get the current auth data by calling ref.getAuth() and do:

var uid = firebase.getAuth().uid;
firebase.child('users').child(uid).child('task').push({

Note that this is covered in the guide on Firebase Authentication and I highly recommend reading it.

answered Apr 8, 2016 at 14:29

Frank van Puffelen

603k85 gold badges895 silver badges869 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alex Beren Over a year ago

That was it! Thank you, Frank!

Collectives™ on Stack Overflow

How to save user-generated data to the user in Firebase using JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related