Technical Articles
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:
- Java jdk
https://www.oracle.com/in/java/technologies/javase-downloads.html - Android Studio
https://developer.android.com/studio - Gradle
https://gradle.org/install/ - 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.
Nys Blog !!!
ótimo conteúdo!