- If you like this project, please consider giving it a star (*) and follow me at GitHub & YouTube.

Angular-Cordova-Google-PlayStore-Publish

How to publish Angular app to Google Play Store using Cordova

click here for video tutorials!

Objective:

This github repository is a documentation on how to publish an Angular 6.0/react JS or any HTML, JavaScript app to Google play store using Apache Cordova Framework.

https://cordova.apache.org/docs/en/latest/

Development tasks

Before you start, if you don't already have, please download and Install android studio and configure sdk tools from https://developer.android.com/studio/

make sure android licenses are accepted

make sure android path/environment variables are setup properly

** for iOS development, you will need a mac machine with latest XCODE installed.

** Let's get started

$ cordova -v // check if 8.0.0 or latest cordova version is installed
if cordova is not installed or you have an older version
$ npm install -g cordova
$ cordova create mnjic com.elishconsulting.mnjic Mnjic

create a new cordova app
< cordova create appname com.domain.project appname >

$ cd mnjic // once app is created, browse into new app folder

$ cordova platform add browser // add platform browser

$ cordova platform add android // add platform android

$ cordova platform add ios // add platform ios

$ cordova plaform ls // list all platforms

install jdk and make sure JAVA_HOME is setup properly

Run these commands on your MACOS terminal window

On windows machine, please make sure SYSTEM > Env Variables JAVA_HOME and ANDROID_HOME are set properly

$ which java

$ java -version

$ export JAVA_HOME=/Library/Java/Home

$ echo $JAVA_HOME

$ echo $ANDROID_HOME

if ANDROID_HOME is not setup correctly,

$ export ANDROID_HOME=~/Library/Android/sdk

$ export PATH=${PATH}:/Library/Android/sdk/platform-tools:/Library/Android/sdk/tools

$ echo $ANDROID_HOME

$ echo $PATH

cordova requirements // check if cordova app is properly installed

$ cordova requirements

in some case, if may ask you to update Android SDK through Android Studio.

and install gradle.

$ java -version
java version "1.8.0_121"

install gradle https://gradle.org/install/

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

https://brew.sh/

$ install brew

$ brew install gradle

App Setting changes

config.xml changes (make sure < android > setting are changed)

please see this github repo for config.xml sample

apply following changes

favicon.ico www -> replace directory, (back up index.html)

res -> icons// replace icons

test your app

$ cordova run browser

$ cordova build android

cordova build will create an unsigned app-debug.apk, You can copy this apk file to any real android device and test your app.

/Users/amitshukla/documents/mnjic1/platforms/android/app/build/outputs/apk/debug/app-debug.apk

setup emulator for android

$ cordova run android

if emulator is slow for any reason, please skip this and generate android debug.apk file.

generate keytools file

keytool -genkey -v -keystore mnjic.keystore -alias mnjic -keyalg RSA -keysize 2048 -validity 10000

Sign app

cordova run android --release -- --keystore=mnjic.keystore --storePassword=abcd --alias=mnjic --password=abcd

this command above will generate same entries as below mentioned in build.json

review build.json

{ "android": { "debug": { "keystore": "../android.keystore", "storePassword": "android", "alias": "mykey1", "password" : "password", "keystoreType": "" }, "release": { "keystore": "../android.keystore", "storePassword": "", "alias": "mykey2", "password" : "password", "keystoreType": "" } } }

$ cordova build // this command will build a signed apk file

$ cordova build --release // this command will build final apk

// build with release flag will generate a final app file which can be submitted to Google Play Store.

/Users/amitshukla/documents/mnjic1/platforms/android/app/build/outputs/apk/debug/app-release.apk

Prepare Google PlayStore ScreenShot

Publish to Google Play Store

** In case, if you are releasing an updated release on your app.

Do NOT forget to change version code on next time your build your app (--release).