Using Firebase Database, Angular2 employs UID (User ID) as the primary key

Question

Using Firebase Database, Angular2 employs UID (User ID) as the primary key

Creating a signup component in my app using Firebase as the authentication method and database. After registering a new user, a key is generated and all user information, including the UID from authentication, is saved in the database. I want to use the UID from authentication as the primary key instead of the Firebase-generated key.

Here's the code snippet:

Component TypeScript file:

  signupUser(user: User) {
    this.firebaseAuth.auth
      .createUserWithEmailAndPassword(user.email, user.password)
      .then(value => {
        console.log('Success!', value);
        this.afdb.list('users').push({
          firstname: user.firstname,
          lastname: user.lastname,
          email: user.email,
          uid: value.uid
        });
      })
      .catch(err => {
        console.log('Something went wrong:',err.message);
      });
  }

JSON structure in Firebase:

users {
    -KpgNYJ0adjVyOGJiyBF {
        email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3d49584e497d58ca45c584bc8f84868">[email protected]</a>
        firstname: dasdsa
        lastname: dsadsads
        uid: 021oxk8X6rQL6gAfC0UhZpB4vZx2
        }
    }

Desired JSON structure:

users {
    021oxk8X6rQL6gAfC0UhZpB4vZx2 {
        email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3440475146324047514632054844484a">[email protected]</a>
        firstname: dasdsa
        lastname: dsadsads
        }
    }

Your assistance is greatly appreciated. Thank you.

EDIT: Forgot to mention that I'm using AngularFire2.

angular typescript firebase angularfire2

Answer 1

Answer №1

Replace push with update. When using push, a new node and unique key are created for that node. However, update either updates the specified node or creates it if it doesn't already exist.

registerUser(user: User) {
    this.firebaseAuth.auth.createUserWithEmailAndPassword(user.email, user.password)
    .then(value => {
	    console.log('Registration successful!', value);

        let userDetails = {
            first_name: user.first_name,
            last_name: user.last_name,
            email: user.email
        }

	    this.afdb.list('users').update(value.uid, userDetails);
    })
    .catch(err => {
	    console.log('Error:',err.message);
    });
}

Answer 2

Replace push with update. When using push, a new node and unique key are created for that node. However, update either updates the specified node or creates it if it doesn't already exist.

registerUser(user: User) {
    this.firebaseAuth.auth.createUserWithEmailAndPassword(user.email, user.password)
    .then(value => {
	    console.log('Registration successful!', value);

        let userDetails = {
            first_name: user.first_name,
            last_name: user.last_name,
            email: user.email
        }

	    this.afdb.list('users').update(value.uid, userDetails);
    })
    .catch(err => {
	    console.log('Error:',err.message);
    });
}

Using Firebase Database, Angular2 employs UID (User ID) as the primary key

Answer №1

Similar questions

Prevent resizing or zooming on AmCharts4 radar chart

The term "primordials is not defined" is a common error

Is there a way to align the mat card title and subtitle on a single line?

Tips for personalizing the ngx-bootstrap datepicker

The webpage is functioning properly when accessed through localhost, but it is not working on Firebase or Netlify

Typescript: Shifting an image to the left and then returning it to the right

Tips for effectively handling the auth middleware in react.js by utilizing LocalStorage

What is the reason for my algorithm's inability to work with this specific number?

A guide to effortlessly converting Any[] to CustomType for seamless IntelliSense access to Properties within Angular/Typescript

Error encountered during password reset in Auth0

Exploring Validations within Nested Forms in Angular

TS2345: The argument provided, which is of type 'Event', cannot be assigned to the parameter expected, which is of type 'HtmlInputEvent'

Tips for properly defining path names in loadChildren for lazy loading in Angular 2 NgModules

node.js + typescript How can we access instances from methods?

How come I'm able to access the form's control within setTimeout but not outside of it?

Setting up Cypress.config file for SQL database testing with Cypress

Angular Material: angular 4 alternative for detecting screen size greater than medium using $mdMedia('gt-md') function

The JSON creation response is not meeting the expected criteria

How can CSS variables be applied to a hover property within an Angular directive?

Creating a Chrome extension with Angular 5: A comprehensive guide