Revision history [back]

To add Firebase to an Ionic Angular 7 application, follow these steps:

1. Go to the Firebase console and create a new project.
2. Click on "Add Firebase to your web app".
3. Copy the Firebase configuration object.
4. In your Ionic Angular project, open the environment.ts file and paste the configuration object.
5. Install the Firebase dependencies by running the following command in your terminal:

npm install firebase @angular/fire --save

1. Import the AngularFireModule and AngularFireAuthModule in your app.module.ts file:

import { AngularFireModule } from '@angular/fire';
import { AngularFireAuthModule } from '@angular/fire/auth';

@NgModule({
  imports: [
    AngularFireModule.initializeApp(environment.firebase),
    AngularFireAuthModule
  ]
})
export class AppModule { }

1. You can now use any Firebase services in your components by injecting the AngularFire modules into your constructor:

import { AngularFireAuth } from '@angular/fire/auth';

export class MyComponent {
  constructor(private afAuth: AngularFireAuth) {}
}

You can now use the Firebase services in your application. For example, to authenticate a user with email and password, you can use the following code:

this.afAuth.auth.signInWithEmailAndPassword(email, password)
  .then(userCredential => {
    // The user is signed in.
  })
  .catch(error => {
    // Handle errors here.
  });