Set up a new user account in Angular 5 Firebase by providing an email address and password

Question

Set up a new user account in Angular 5 Firebase by providing an email address and password

My goal is to create a new user with an email, password, and additional data such as their name. This is how my user interface looks:

export interface UserInterface {

  id?: string;
  name: string;
  email: string;
  password: string;
  status: string

 constructor(auth) {
   this.id = auth.uid
 }
}

In my service, I have the following method:

createUser(user: UserInterface) {
  return this.angularFireAuth.auth.createUserWithEmailAndPassword(user.email, user.password)
}

I would like to know how to add attributes for name and uid in the ID field.

typescript firebase firebase-authentication angular5

Answer 1

Answer №1

[SOLVED] This was my approach

Firstly, I utilize the AuthService

  createUser(user: UserInterface) {
       return this.angularFireAuth.auth.createUserWithEmailAndPassword(user.email, user.password)
                            .then(() => {
                              this.service.save(user);
                            })
                            .catch((e) => console.log(e));
  }

Additionally, within my UserService

save(user: any) {
return new Promise((resolve, reject) => {
  if(user.key) {
    this.db.list(this.PATH)
          .update(user.key, ({ name: user.name }))
          .then(() => resolve())
          .catch((e) => reject(e))
  } else {
    this.db.list(this.PATH)
            .push({ name: user.name })
            .then(() => resolve())
    }
  })
}

This method allows me to create a User using Email and Password in the Auth system, while also adding attributes to this user in the UserService. This is how I completed the task!

Answer 2

[SOLVED] This was my approach

Firstly, I utilize the AuthService

  createUser(user: UserInterface) {
       return this.angularFireAuth.auth.createUserWithEmailAndPassword(user.email, user.password)
                            .then(() => {
                              this.service.save(user);
                            })
                            .catch((e) => console.log(e));
  }

Additionally, within my UserService

save(user: any) {
return new Promise((resolve, reject) => {
  if(user.key) {
    this.db.list(this.PATH)
          .update(user.key, ({ name: user.name }))
          .then(() => resolve())
          .catch((e) => reject(e))
  } else {
    this.db.list(this.PATH)
            .push({ name: user.name })
            .then(() => resolve())
    }
  })
}

This method allows me to create a User using Email and Password in the Auth system, while also adding attributes to this user in the UserService. This is how I completed the task!

Set up a new user account in Angular 5 Firebase by providing an email address and password

Answer №1

Similar questions

Utilizing Angular 2 for transforming JSON data into Angular classes

Is it possible to compress an Array comprised of nested Arrays?

Guide to implementing a Page Object Model for improved debugging of Protractor tests

Creating an Account with Firebase

Angular-meteor tutorials have a method known as '/parties/insert' that is already clearly defined and explained

What is the reason behind firebase-auth demanding numerous Google Play Services permissions?

Struggling to Retrieve Specific Keys for Individual Values in Firebase with React Native

Providing a conditional getServerSideProps function

Tips on typing a collection that may hold numerous instances of a particular object

What sets apart 'export type' from 'export declare type' in TypeScript?

Guide to organizing elements in an array within a separate array

Provide users with the option to select the email they want to use for signing up while utilizing Angular Firebase's Google signup

The selected data was inserted as a foreign key, leading to an Integrity constraint violation with SQLSTATE[23000]: 1048

The parameter type SetStateAction<MemberEntityVM[]> cannot be assigned the argument type Promise<MemberEntityVM[]> in this context

How come the variable `T` has been assigned two distinct types?

Assign the chosen option in the Angular 2 dropdown menu to a specific value

Issue in React Native and Firestore: The 'auth' property is not recognized in the specified type or an error object of unknown type

Error: 'process' is not defined in this TypeScript environment

Determining changes in an object with Angular 2 and Ionic 2

Troubleshooting and setting breakpoints in TypeScript code for Angular Web applications using the Firefox browser