@montheooo/fyves v0.0.1
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
5 years ago