Using PhoneGap Developer App to develop and test apps
The painful part of app development with PhoneGap is to test an app you have to build the app and deploy it on the device attached to your machine. After every single change you got to repeat this process. PhoneGap Developer App(http://app.phonegap.com/) alleviates this pain and provides a way to develop and test apps on your device at the same time without needing a build.
PhoneGap Developer App is available for all major mobile platforms
- iPhone/iPad – https://itunes.apple.com/app/id843536693
- Android – https://play.google.com/store/apps/details?id=com.adobe.phonegap.app
- Windows Phone – http://www.windowsphone.com/en-us/store/app/phonegap-developer/5c6a2d1e-4fad-4bf8-aaf7-71380cc84fe3
Now lets see how does it work and make testing apps really a breeze.
(Prerequisites- Node.js. See how to install Node.js on Windows for more information.)
Install PhoneGap Developer desktop app.
Open node.js command prompt and enter following command to install PhoneGap package.
npm install phonegap -g
Download PhoneGap Developer mobile app on your device.
Create an app
Following command on node.js prompt will create an app named “helloPhoneGap”
phonegap create helloPhoneGap
Start PhoneGap local server.
cd helloPhoneGap phonegap serve
Link your device.
Make sure your device and development machine are connected to same network and your firewall is not blocking any external connection. In my case both are connected to same wifi network.
Enter the above IP address and port in your Phonegap Developer app on device, connect and bam!
Your app is running on your device 🙂
Okay, lets change something in our app. Go to helloPhoneGap\www folder and change the text “PhoneGap” to “My First PhoneGap app” in index.html file.
So, you can see the power of this magical app. Go ahead and use it for your projects and share the experience. Thanks for reading my post, Happy Programming!