IONIC 4 FIREBASE STARTER KIT
A starter kit providing CRUD operation functionality and querying data from firestore.
This is an ionic project for integrating firebase to your application and reteriving and adding data in real-time. You need to have Firestore, Cordova and Ionic 4.0.0 installed on the system to run it successfully
Using this project
You must have cordova installed prior to this.
$ npm install -g cordova
$ npm install -g ionic
$ npm install @angular/fire firebase --save
NOTE: This app is built and tested on 4.0.0.
Installation of this project
-
Extract the zip file you received after purchase
-
Install npm dependecies
$ npm install
- Install Resources
$ ionic cordova resources
- Install Firebase
$ npm install @angular/fire firebase --save
- Add Platform (whichever required)
$ ionic cordova platform add android
$ ionic cordova platform add ios
in few cases, you might need to install the latest platform
$ ionic cordova platform add android@latest
$ ionic cordova platform add ios@latest
- Install Plugins (whichever required)
$ ionic cordova plugin add YOUR_PLUGIN_NAME
*Add Firebase config to environments variable
export const environment = {
production: false,
firebase: {
apiKey: '<your-key>',
authDomain: '<your-project-authdomain>',
databaseURL: '<your-database-URL>',
projectId: '<your-project-id>',
storageBucket: '<your-storage-bucket>',
messagingSenderId: '<your-messaging-sender-id>'
}
};
After adding the AngularFireModule you also need to add modules for the individual @NgModules that your application needs.
AngularFireAuthModule
AngularFireDatabaseModule
AngularFireFunctionsModule
AngularFirestoreModule
AngularFireStorageModule
AngularFireMessagingModule
-
Open the Firebase Console and create a new project.
-
In Database section, choose Get Started button for Cloud Firestore.
-
Choose Mode
-
Click Enable
-
Initialize the new git
git init
-
Setup the new git remotes accordingly
git remote add origin new remote
Plugins List
"cordova-plugin-whitelist",
"cordova-plugin-statusbar",
"cordova-plugin-device",
"cordova-plugin-splashscreen",
"cordova-plugin-ionic-webview",
"cordova-plugin-ionic-keyboard",
"cordova-plugin-file"
- Run app on device
$ ionic cordova run android
$ ionic cordova run ios --device
- Create signing key for android to release on Google Play
$ keytool -genkey -v -keystore keystore folder address -alias app alias -keyalg RSA -keysize 2048 -validity 10000
- Create release build for Android Play Store
$ ionic cordova build android --release
- Sign the �unsigned� APK for upload on Play store
$ jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore .keystore file full path unsigned apk full path app alias
- Zipalign to optimize size for play store upload
$ ./zipalign -v 4 signed apk full path path for final APK