2 minutes read

How to set up a Hybrid Mobile App development environment!

Have you ever wanted to develop mobile apps using web technologies i.e HTML, CSS and Javascript? In fact, you might have tried but failed along the way after failing to set up your computer for the task. It has happened to many others simply because coding and setting up developer environments are two different games which require different skills.
In this post I have listing what you require and briefly suggest what you have to do to have each tool installed on your Windows computer. Though guideline is eccentric to Windows Operating Systems, it’s transferable to Mac OS and Linux.
Let’s get started!

  • NODE.JS

Get Node.js

Install Node.js and add it to PATH environment variable ). Confirm installation by running $node –version at command line. I prefer using Windows shell instead of CMD. Because Windows shell executes some linux commands such as $ls.

  • GIT

Install Git with default settings.

  • CORDOVA

Installation

In Git Bash or Windows Shell execute the command below

$npm install -g cordava

Confirm installation by running

$cordova –version

  • JAVA

    • Install Java Development Kit (JDK). From Oracle’s website download the Java Standard Edition (Java SE). Add the JDK’s installation path to the PATH environment variables. Usually the location is c:\Program Files\Java\jdk version\bin. Create a JAVA_HOME if it doesn’t exist, setting it’s value to c:\Program Files\Java\jdk version To confirm if all is well run javac -version.
  • APACHE ANT

    • Install Apache ANT. (This is the build system for Java). I kept on failing until I discovered this was the missing piece in the puzzle. Search for it on google, download the zip file and unzip it whenever you want, noting the location. Proceed by adding the Apache ANT bin directory e.g c:\apache-ant\bin to the PATH environment variable and creating a ANT_HOME variable to which you assign the Apache ANT directory. e.g. c:\apache-ant. Now in Git Bash or command line tool of your choice run $ant -version
  • ANDROID

    • Download and Install Android SDK by downloading Android Studio. Before we could install the Android SDK alone but it seems impossible now a days, maybe you or I should do more research about this. Add the Android SDK tools and the Android Platform tools to the path variable. Usually these are located at the SDK installation directory\tools and SDK installation directory\platform-tools.
    • Launch the SDK manager by running the command $android use may use it for downloading additional sdk, platform tools etc.
  • TEST ENVIRONMENT

    •  In command line of your choice. Run $adb -version.

Navigate to a directory of your choice and issue the cordava app creation command. i.e $cordova create app_directory com.domain.app AppTitle

    • Add android platforms to your app. At command line change directory to app_directory by running.
      • $cd app_directory
      • $cordova platform add android
    • Connect your phone will developer options and usb debugging are turned on.
      • $cordova run android.
    • If phone does work for some reason you can try to install Universal Adb drivers or view your apps in the browser by running $cordova run browser.

Conclusion.

Knowing how to code is a good task, setting up the developer environment is another thing.
 
 
 

Sharing is caring

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on email
Email

You may also like this

When not to use a forEach loop in JavaScript

A forEach loop is one of the most optimized JavaScript Higher-Order functions that make it one of the preferred functional programming languages. What is a Higher-Order function? It is a function which takes in another function (also called a callback)

Read More »
Thoughts

You are not about to die poor.

In recent years, the biggest number of people I have met are characterized by the following;- Lazy Not ready Entitled Ignorant Dishonest Inconsistent It sounds unfortunate, that most probably you will meet people of similar characteristics or more if you’ve

Read More »
Thoughts

Thoughts on 13-06-2019

I promised to share my thoughts in any possible way. In fact, am happy to be honoring you, my readers, that today by sharing something that could be life changing to some. Please, I request you to converse through the

Read More »
Thoughts

A beautiful thought for 29-05-2019

Hey beloved, Once in a while, I develop thoughts in my head, and instead of keeping them to myself I’ve decided to share them. Who knows who it will help? By the way, at the bottom of the post, is

Read More »