how to create a phone gap application using cordova ?

Question

1.00/5 (2 votes)

See more:

, +

I have implemented a wab application using mvc and web api. Now i have to create a phone gap application having the same features. But i don't have any idea how to implement this.

Posted 20-Aug-14 21:06pm

prthghosh999

Updated 15-Sep-15 4:26am

v3

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Stephen Hewison · Answer 1 · 2014-08-20T22:20:00

Solution 1

PhoneGap applications are designed to host Single Page Applications (SPA).

This is where a single HTML page with it's supporting resources such as javascript and css files are bundled into a package and downloaded to the phone. PhoneGap provides a native wrapper to allow your Javascript code to access the phones native API's. Extended functionality is made available through the PhoneGap plugins.

This allows the SPA to work offline as all its resources are embedded on the phone.

PhoneGap now works using NodeJS which can be difficult to set up. If developing for Android you also need the ADT kit and to install ANT. WindowsPhone has it's own problems setting up too.

The PhoneGap get started page will take you through setting up the PhoneGap dependencies.

PhoneGap Platform Guies[^]

There are many tutorials on PhoneGap development but a good YouTube series starts here:

https://www.youtube.com/watch?v=0gGBhaVG9CI[^]

Apple will reject any application which uses PhoneGap to load an internet hosted website as this creates an uncontrollable risk for them. But you can use AJAX within your SPA to access internet hosted data.

Although Apples enterprise licensing model doesn't suffer the same restrictions if your distributing your application internally within your organisation.

I've produced PhoneGap projects with the SPA approach. You can then use jQuery (Or any other AJAX approach) to to call your REST API.

How to consume a RESTful service using jQuery[^]

Posted 20-Aug-14 22:20pm

Stephen Hewison

Updated 20-Aug-14 22:21pm

v2

Comments

prthghosh999 21-Aug-14 8:35am

you've said javascript and css files are bundled into a package but how ??
i have html,css and js files and i want to create a set up file. so that the users can download and install it into their phone. please replay me. thank you.

Stephen Hewison 21-Aug-14 12:52pm

You have to compile a platform specific build. The PhoneGap API installed via NodeJS will allow you to create projects for the different platforms. You drop your web files into the folders created by PhoneGap and then run the PhoneGap build command to prepare the project. This then creates project outputs which can be opened and edited before submission. For iOS it creates an XCode project to be opened in XCode on a Mac running OSX. For Android it creates a Java project which can be opened using Eclipse provided as part of the ADT download. For WinPhone this creates an Visual Studio project to be opened in Visual Studio. Each development tool compiles their own builds designed for their own platforms. These can then be submitted to their associated app stores. Although the submission comes at a cost of around £100 per year for Apple and £65 per year for Microsoft. Android is free. You could also use the PhoneGap Build service which does alot of this for you but you still need to subscribe to the platform development programs to be able to submit to the stores.

Stephen Hewison 21-Aug-14 12:53pm

Did you watch the PhoneGap development video?

Stephen Hewison 21-Aug-14 13:01pm

With the exception of Apple's enterprise development license you cannot produce an "Install File" to be downloaded onto the phone. The beauty of the mobile platforms is their security and ease of use which comes from all software having to be downloaded from a store. With Android you can install from untrusted sources but not by default. The user has to enable this by agreeing to a bright red "Do not do this" warning message. You can only install software onto a Windows Phone if you have the phone physically connected to the computer. So if you're looking to produce a PhoneGap application to be made commercially available then you have to subscribe to each of the platforms development programs so you can submit to their stores.

Stephen Hewison 21-Aug-14 13:12pm

Be aware if you have no experience producing mobile applications you've got some learning to do. It took me 2 weeks to set up all the dependencies for my first PhoneGap build on iOS. Another couple of days for Android and another week for WindowsPhone. But now it's done I can produce all three platform builds in a day. PhoneGap is great because it standardises the API across all platforms meaning you only have to design your application once. But it doesn't remove the need to understand the basics on each platform and it will take a while to get used to the different development tools for each of the platforms so be patient and be prepared to spend significant time setting up your development environments.

prthghosh999 21-Aug-14 23:03pm

I've no experience producing mobile apps. I am working with visual studio + windows 7 OS. is it possible to create an apps for iphone in my system.

Stephen Hewison 22-Aug-14 3:54am

On windows you can use visual studio and eclipse to produce Windows and Android releases. You will struggle to produce the iOS release without a Mac. If you do not have access to a Mac I'd suggest looking at the PhoneGap Build process as this will do an iOS build in the cloud. But again, you'll still have to subscribe to the Apple developer program to do this. You can also rent Mac access from cloud providers such as:

http://www.macincloud.com/

This has plans from $1 an hour to $20+ a month. But is still considerably cheaper than investing in a Mac, at least whilst you decide if the PhoneGap route is right for you.

Here is the link for PhoneGap Build

https://build.phonegap.com/

Please accept my answer if you feel I've now answered your question.

prthghosh999 23-Aug-14 11:40am

Thank you sir. your link was really helpful for me. i have created .apk file for android but can't build it for i phone. is there any code that i've to write in my web config??

Stephen Hewison 26-Aug-14 3:49am

You don't need any web.config in your client. It should have no dependencies on ASP.Net. It should be pure HTML, JS and CSS.

Server side for your Web API, you will need a web.config. But any issues configuration that should be started as a new question.