Getting Started with Cordova | Create Your First Android/IOS Application

.gitignore

.vscode/settings.json

100-Getting Started with Cordova.md

Creating Android/iOS app using Apache Cordova from scratch

Apache Cordova is software that helps you to create & deploy android, ios apps within few minutes. Apache Cordova Full Course- The Complete Step by Step Guide to create your first Android app & Deploy in Google Play. You will learn How to Publish App (HTML/CSS/JS) code to Google Play Store - Cordova. Publish REACT / ANGULAR / VUE JS App to Google play. Learn How to convert web app to android app without any code change and publish it in few steps.

Download Complete Source Code Here!

Step by step explanation to install and create android app and deploy on play store.

1. Installing Cordova On Windows Machine
2. Creating your First Android App

101-Installation Guide for Cordova On Windows.md

Step by Step Cordova Installation Guide on Windows Machine

Please follow the steps to get Cordova installed and ready for your upcoming android ios apps.

👉🏻 Prerequisites

Before starting lets make sure you have installed and confirmed below softwares.

• Install Node.js ( get the download file from http://nodejs.org)
• Confirm Node.js is installed by running node --version
• Install Git ( get the download file from http://git-scm.com. )

👉🏻 Installing Cordova on Windows. Step#1

• Install Cordova Npm Package Run the script to install Cordova in your windows machine

  npm i -g cordova

  👉Note: Make sure you open cmd / powershell on administrator mode

  

• Confirm Cordova is installed by running cordova --version

👉🏻 Installing Java Development Kit (JDK) on Windows. Step#2

Install JDK 8 & Configure Environment Variables

1. Download the JDK 8 EXE and install it on your local machine. In order for installing go to Download Java Development Kit JDK 8.0 from here!

• Add User/System Windows Env Variables

  • Add the jdk bin folder path (C:\Program Files\Java\jdk1.8.0_211\bin) in both user and system path in Windows Environment Variables.

    • Search for edit environment variables in windows
    • configuring environment variables for jdk bin folder

• Create JAVA_HOME User/System Variable in Windows Env Variable with Value being the installed location of the JDK for me it is C:\Program Files\Java\jdk1.8.0_211

  

👉🏻 Install Android Studio. Step #3

Please use your own folder path while updating environment variables.

Step 1. Download Android Studio Go to Android Studio Download Page and download android studio exe file. https://developer.android.com/studio/index.html

Install android studio Now!

Step 2. Update Window Environment Variables by adding sdk tools & platform-tools folder path that is below 2 Entries in User Variables

• C:\Users\rtiwari\AppData\Local\Android\Sdk\tools
• C:\Users\rtiwari\AppData\Local\Android\Sdk\platform-tools

Step 3. Create ANDROID_SDK_ROOT a new User & System Windows Env Variable Variables pointing to ANDROID SDK folder: C:\Users\rupesh\AppData\Local\Android\Sdk

👉Note: You may need to restart your machine after changing user environment variables.

👉🏻 Install Gradle. Step#4

As of Cordova-Android 6.4.0, Gradle is now required to be installed to build Android.

Step 1. Download the latest Gradle distribution

Step 2. Copy Gradle Bin to c:\Gradle

Create a new directory C:\Gradle with File Explorer and copy gradle-5.4.1 folder into it.

Step 3. Configure your system environment for Gradle.

In File Explorer right-click on the This PC (or Computer) icon, then click Properties -> Advanced System Settings -> Environmental Variables.

Under System Variables select Path, then click Edit. Add an entry for C:\Gradle\gradle-5.4.1\bin. Click OK to save.

👉🏻 Confirm Paths & Installations Step#5

👉Note: Before Confirming your paths and installations please restart your machine ignore if you already restarted after adding windows environment variables.

1. Confirm JAVA_HOME path.

Run below script in admin powershell to check JAVA_HOME path.

$ENV:JAVA_HOME

2. Confirm ANDROID_SDK_ROOT path.

Run below script in admin powershell to check ANDROID_SDK_ROOT path.

$ENV:ANDROID_SDK_ROOT

3. Confirm JDK 8 Installation

• Run below script to check JDK Installed:

  • Run Below SCRIPT on Admin Command Prompt/Powershell

  javac -version

  

4. Confirm Android Studio is installed by running below script

adb version

You should see this output: Android Debug Bridge version 1.0.41 Version 28.0.3-5475833

102-Create Your First Android App using Cordova.md

Create your First Android App using Cordova

👉🏻Step1 Create a Cordova Project

In order to publish your android app you need to first create an cordova project.

Cordova app naming convention is as described below: Cordova App Naming convention

<appname com.domain.project appname>

Example :product-mart com.rupeshtiwari.productmart product-mart

Go to desired folder location where you want to create project. Open powershell/cmd in admin mode.

🏃🏻Run below script to create project

cordova create product-mart com.rupeshtiwari.productmart product-mart

Open project in Visual Studio Code

🏃🏻Run npm i to install dependencies.

👉🏻Step2 Add Platform Folders

1. Add Android Platform

🏃🏻Run below script to create android platform

cordova platform add android

👮🏻 Check Android folder is created under platform folder

2. Add Browser Platform

🏃🏻Run below script to create Browser platform

cordova platform add browser

👮🏻 Check Browsers folder created under platform folder

add android bin folder location in users env variable.PNG

add android platform.PNG

add tools and platform tools in environment variables.PNG

adding android sdk root in env variables.PNG

Android home in user variable.PNG

android platform folder explore.PNG

android sdk root IN ENV VARIABLES.PNG

android sdk root.PNG

android studio installation confirmation.PNG

browser browser folder explore.PNG

check cordova version.PNG

configuring environment variables for jdk bin folder.PNG

confirm android home path from powershell.PNG

confirm java home on environment variables.PNG

confirm java_home from powershell.PNG

confirming java jdk installation.PNG

Run script add browser platform.PNG

copy gradle to c drive.PNG

cordova installation guide on windows.png

cordova new project.PNG

create cordova project script.PNG

create java home on windows environment variables.PNG

download android studio.PNG

download jdk exe.PNG

gradle sys env variable path.PNG

installing cordova on windows.PNG

installing graddle download page.PNG

java home path in windows env variables.PNG

node and git installation confirmation.PNG

Is there a second part to this? It stops after adding the browser platform.