Skip to Content
Technical Articles
Author's profile photo Hemalatha Bharanikumar

Cordova Setup for Hybrid Application Development

Dear Readers,

I hope this blog post will help you to set up your environment for building Cordova applications which you can refer in the below link.

https://blogs.sap.com/2020/06/25/hybrid-application-development-for-beginners

Cordova is an open-source mobile development framework. It allows you to use standard web technologies such as HTML5, CSS3, and JavaScript, so that we can build one code base which will be used on all platforms. It allows us to avoid platform specific developments.

Let us see the step by step procedure,

Step 1: Install Cordova dependencies. Download and install from the given link:

  1. Java jdk
    https://www.oracle.com/in/java/technologies/javase-downloads.html
  2. Android Studio
    https://developer.android.com/studio
  3. Gradle
    https://gradle.org/install/
  4. Node.js
    https://nodejs.org/en/download/

Step 2: Once installed its time to set up your environment variables. The below information, gives you an idea to set up your variables.

User Variables:

Variable name Variable path
ANDROID_HOME C:\Users\xxx\AppData\Local\Android\Sdk\
JAVA_HOME C:\Program Files\Java\jdk1.8.0_191

 

System Variable:

Variable Name Variable path
GRADLE_HOME C:\Users\xxx\Documents\gradle-5.6.4-all\gradle-5.6.4\
Path C:\Program Files\Java\jdk1.8.0_191\bin
C:\Program Files\nodejs\
C:\Users\xxx\ AppData\Roaming\npm
C:\Users\xxx\ Documents\gradle-5.6.4-all\gradle-5.6.4\bin
  C:\Users\xxx\AppData\Local\Android\Sdk\platform-tools\

 

Step 3: To confirm whether the dependencies installed properly, you just need to open a command prompt and type ‘Cordova requirements’.

Also check the versions of all the dependencies

Step 4: Let’s install Cordova from Node Package Manager. Type the below command. -g should be given to install cordova globally to access in any folder.

If npm needs to be installed in the specific folder you can avoid using -g,

Step 5: Once done with Cordova installation, let’s check its version in command prompt

Perfect, we are done with all the set up and installation to start creating a Hybrid App.

 

Conclusion

In this blog post, We have seen links to install the Cordova dependencies, how to set up the environment variables, how to install Cordova and to check the versions.

Suggestions are welcome

Thank you:)

#HappyLearning

Regards,
Hemalatha B.

Assigned Tags

      2 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Sam Hilton
      Sam Hilton

      Nys Blog !!!

      Author's profile photo Emanuel Alves Ferreira da Silva
      Emanuel Alves Ferreira da Silva

      ótimo conteúdo!