Is very easy to develop an App that can be used with Iphone or Android devices, using Adobe PhoneGap and the Cordova technology!


It’s easy because we can use standard languages to develop the App! Like HTML5 and Javascript.


For this example, we will use a Website ( ) and we will convert into a PhoneGap App. For the content of the App we will use the /mobile part only.

The source code of the website can be obtained from GitHub (repository CoinMarketRank_WebSite).

PhoneGap can be downloaded from here.

Once installed in our System (Mac or Windows), we need to create a new PhoneGap project, just click on the “+” button of the PhoneGap Software.

Captura de pantalla 2018-08-04 a las 18.53.44

Select a “Blank” template

Captura de pantalla 2018-08-04 a las 18.55.06

And then identify the “unique ID of your app”, for example . And write the Name of your app.

Captura de pantalla 2018-08-04 a las 18.55.50

Now we can place the entire content of the WebSite in the “www” folder.

Captura de pantalla 2018-08-04 a las 18.59.57

The www folder will be like this example:

Captura de pantalla 2018-08-04 a las 19.00.54

Now we must edit the config.xml file to set some params like the name, permissions, modules to add…, images, logos, version of the App, etc.

The index page will be retrieved from the src content tag attribute. Now linked to mobile/index.html URL (inside the www folder).

Captura de pantalla 2018-08-04 a las 19.04.02

Remember to activate the cordova-plugin-whitelist and the cordova-plugin-inappbrowser to enable permissions to show iframes from other websites domains, in http or https.

The logos and images are in www/images folder, you can change this pics for others with the same dimensions/pixels.

Captura de pantalla 2018-08-04 a las 19.07.24

And remember to config the permissions to allow iframes from other domains

Captura de pantalla 2018-08-04 a las 19.09.21

The entire source code can be downloaded or get forked from GitHub ( repo CoinMarketRank_PhoneGap)

Now we can turn on our “PhoneGap” Server. Just click on “Play” button.

Captura de pantalla 2018-08-04 a las 19.14.16

The content will be displayed by default on http://localhost:3000

Now at this point we can try to “test” our web in some devices.

Just enter on, (need to install the Chrome plugin of the Emulator to work). One installed the Chrome plugin, enter again in the address and write http://localhost:3000

Captura de pantalla 2018-08-04 a las 19.16.43

Now you can try the platform in a testing mobile device! Very easy!

Captura de pantalla 2018-08-04 a las 19.18.27

If you agree with your customizations to the Website code, we are ready to build and launch to the Marketplaces Apple Store and Google Play Store!

We will explain in the second part of this post!

Here the continuation:

By MrAddon



Posted by:.

3 replies on “How to develop a PhoneGap App for Iphone and Android

  1. Bosom friend,

    We are a company from Hong Kong, we have developed a brand-new Lightning product, generally for iPhone and also iPad, Our iPhone Lightning could do both paying attention as well as charging to songs, And also it will not influence the audio high quality of the songs, Paying attention to the song while billing, Billing while viewing TV, Play Games, Straight with interface, will not affect the video game. secure and also risk-free, Secure present and also quick charging, Tiny stature, Great wisdom.

    Thanks for visiting visit our official web site to purchase! Currently we offer huge discounts:
    Thanks for visiting call us without be reluctant:

    Any of your fine comments will be appreciated! Thank you!

    Kind pertains to,
    Leo Hui


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s