(IMAB) Build and Signed App Export your app in real, clean HTML, CSS, JS or run emulator using ionic cli

  1. Home
  2. Build and Signed
Error : An ionic project hasn't been created. Create an ionic project now! click here

Build an Ionic Project

Fix Popular Issues

If an error occurs while adding the platform, follow these steps:

npm cache clean --force

And If you are a windows user, try deleting all files in this folder:

C:\Users\{{your-username}}\AppData\Roaming\npm-cache

And delete all the platforms that have been added in this folder:

/home/ihsanane/public_html/imabuilder3/demo/outputs/ima-quote-app/platforms
ionic cordova platform remove android

Then run this command:

npm cache verify

After that run the command below

Build an Ionic Project

  1. Connect your internet, then run Node.js command prompt or using terminal/bash

  2. Go to your ionic project folder:

    cd "/home/ihsanane/public_html/imabuilder3/demo/outputs/ima-quote-app"

  3. Add platform to your ionic project

    Android Platform

    ionic cordova platform add android@latest

    or for ios platform:

    Your computer does not support iOS Platform, please use Mac OSX

    ionic cordova platform add ios@latest

    It is recommended to upgrade the cordova-ios platform to version 5.1.1 or latest

    or for browser platform

    ionic cordova platform add browser@latest

  4. Change all file and folder permissions to read, write, and execute chmod -R 777

    chmod -R 777 /home/ihsanane/public_html/imabuilder3/demo/outputs/*

  5. Then build your ionic project

    ionic cordova build android

    or

    ionic cordova build ios

  6. Then open file browser (Windows Explorer for Windows or Finder for OSX)

    cd "/home/ihsanane/public_html/imabuilder3/demo/outputs/ima-quote-app"

Create APK File to publish on self-hosting or other

Please! make sure the keytool, jarsigner and zipalign are set up the path/environment variables in Windows
ToolsSoftwareExample PATH
keytoolJDK8 or latestC:\Program Files\Android\Android Studio\jre\bin
jarsignerJDK8 or latestC:\Program Files\Android\Android Studio\jre\bin
zipalignAndroidSDKC:\androidsdk\build-tools\33.0.0

  1. Connect your internet, then run Node.js command prompt or using terminal/bash

  2. Go to your ionic project folder:

    cd "/home/ihsanane/public_html/imabuilder3/demo/outputs/ima-quote-app"

  3. Build your project

    ionic cordova build android --prod --release -- -- --packageType=apk

  4. Let's generate our private key using the keytool command that comes with the JDK, For app already exist in playstore, you can use old key file rename to: ima-quote-app.keystore

    keytool -genkey -v -keystore "ima-quote-app.keystore" -alias ima_quote_app -keyalg RSA -keysize 2048 -validity 10000

  5. Copying and rename APK filename

    cp "platforms/android/app/build/outputs/apk/release/app-release-unsigned.apk" "platforms/android/app/build/outputs/apk/release/app-for-signed.apk"

  6. To sign the unsigned APK, run the jarsigner tool which is also included in the JDK

    jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore "ima-quote-app.keystore" "platforms/android/app/build/outputs/apk/release/app-for-signed.apk" ima_quote_app

  7. we need to run the zip align tool to optimize the APK

    zipalign -v 4 "platforms/android/app/build/outputs/apk/release/app-for-signed.apk" "platforms/android/app/build/outputs/apk/release/app-release-signed.apk"

  8. Then open filebrowser, use app-release-signed.apk for production

    cd "/home/ihsanane/public_html/imabuilder3/demo/outputs/ima-quote-app"

Create AAB File (Android App Bundle) to publish on Google Play Store

Please! make sure the keytool, jarsigner and zipalign are set up the path/environment variables in Windows
ToolsSoftwareExample PATH
keytoolJDK8 or latestC:\Program Files\Android\Android Studio\jre\bin
jarsignerJDK8 or latestC:\Program Files\Android\Android Studio\jre\bin
zipalignAndroidSDKC:\androidsdk\build-tools\33.0.0

  1. Connect your internet, then run Node.js command prompt or using terminal/bash

  2. Go to your ionic project folder:

    cd "/home/ihsanane/public_html/imabuilder3/demo/outputs/ima-quote-app"

  3. Build your ionic project

    ionic cordova build android --prod --release -- -- --packageType=bundle

  4. Let's generate our private key using the keytool command that comes with the JDK, For app already exist in playstore, you can use old key file rename to: ima-quote-app.keystore

    keytool -genkey -v -keystore "ima-quote-app.keystore" -alias ima_quote_app -keyalg RSA -keysize 2048 -validity 10000

  5. To sign the unsigned Android App bundle (.aab), run the jarsigner tool which is also included in the JDK

    jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore "ima-quote-app.keystore" "platforms/android/app/build/outputs/bundle/release/app-release.aab" ima_quote_app

  6. Then open file browser (window explorer or finder), use app-release.aab for production

    cd "platforms\android\app\build\outputs\bundle\release\"

Create AAB File to update the app on Google Play Store

Prepare your updates:

  • The package name of the updated APK or app bundle needs to be the same as the current version
    (current: com.imabuilder.v3.ihsanaitsolution.imaquoteapp)
  • The version code needs to be greater than the current version. Learn more about versioning your app
    (current: 010101)
  • The updated APK or app bundle needs to be signed with the same signature as the current version
    (keystore: ima-quote-app.keystore)

  1. Go to the Apps -» Edit, then edit the App Version, the version code needs to be greater than the app version on Google Play Store

  2. Copy ima-quote-app.keystore to the root of the ionic project folder (current: /home/ihsanane/public_html/imabuilder3/demo/outputs/ima-quote-app)

  3. Connect your internet, then run Node.js command prompt or using terminal/bash

  4. Go to your ionic project folder:

    cd "/home/ihsanane/public_html/imabuilder3/demo/outputs/ima-quote-app"

  5. Build your ionic project

    ionic cordova build android --prod --release -- -- --packageType=bundle

  6. To sign the unsigned Android App bundle (.aab), run the jarsigner tool which is also included in the JDK

    jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore "ima-quote-app.keystore" "platforms/android/app/build/outputs/bundle/release/app-release.aab" ima_quote_app

  7. Then open file browser (window explorer or finder), use app-release.aab for production

    cd "platforms\android\app\build\outputs\bundle\release\"

Official Instructions

  1. Android Development
  2. Android Play Store Deployment
  3. iOS Development
  4. iOS App Store Deployment
  5. Deploying a Desktop App

Showcase Your App

If you have successfully made an application, please send us your application data so we can post on our website and social media!

App Name

Description

PlayStore URL (Android)

AppStore URL (IOs)

Self-Publishing (APK Link)

If you are publishing on your own hosting, please fill in the fields above.

How to build PWAs (Progressive Web Apps)

Required to use a hosting that has domain/subdomain or ROOT folder

  1. Go to your ionic project folder:

    cd "/home/ihsanane/public_html/imabuilder3/demo/outputs/ima-quote-app"

  2. Build your ionic project

    ionic build

    or

    ionic build --prod

  3. REFRESH this page twice to make the configuration run automatically

  4. Login to your server or cPanel and create a subdomain, must use a domain or subdomain (ROOT folder).

  5. Then upload all files in the folder: /home/ihsanane/public_html/imabuilder3/demo/outputs/ima-quote-app/www

    cd "/home/ihsanane/public_html/imabuilder3/demo/outputs/ima-quote-app"