Ionic 4 with firebase 5 app in 9 steps.

Ionic 4 with firebase 5 app in 9 steps.

Hipster ionic-firebase project.

$0.00

Marcelo Hidalgo

Marcelo Hidalgo

Member since 2019

Details

Version:
1.0
Ionic:
4.x  
Platforms:
iOS, Android  
Released:
2 years ago
Updated:
2 years ago
Category:
Starters
Tags:
,

Test your first ionic 4 with firebase 5 app in 9 steps.

Pre requirements:

1 Install Node.js on your computer.
2 In the command line put bash $npm install -g ionic

Installation

1 You need to create a Firebase Project and Enable Email/Password authentication, so please create an account in firebase.google.com
2.Download and unzip the file.
3.Create your project with Ionic CLI.
bash $ ionic start myApp sidemenu

4.Go to your Project.
bash $cd myApp/

5.Add dependencies to your project.

bash $ npm install firebase angularfire2 --save

6.Replace myApp/src folder with unzipped src folder.
7.Update the content of the file myApp/src/environments/environment.ts with info of your firebase data. The content attached is just an example.

bash export const firebaseConfig = { apiKey: "", authDomain: "", databaseURL: "", projectId: "", storageBucket: "", messagingSenderId: "" };

  1. Run bash $ionic serve
  2. Done!