0.0.1 • Published 5 years ago

@montheooo/fyves v0.0.1

Weekly downloads
1
License
-
Repository
-
Last release
5 years ago

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