Archived Blog
PhoneGap Developer App
Today, the PhoneGap Team is proud to announce the release of the PhoneGap Developer app!
The PhoneGap Developer app aims to lower the barrier of entry to creating PhoneGap applications. You can now immediately preview your app on a device without installing platform SDKs, registering devices, or even compiling code. You have full access to the official PhoneGap APIs. You can even develop an iOS app on Windows - and soon - a Windows Phone app on OS X. Whether you’re a novice or expert, we think the PhoneGap Developer app will become part of your personal toolkit!
Getting Started
1. Install the PhoneGap CLI
First, you need the latest version of the PhoneGap CLI:
$ sudo npm install -g phonegap
You can read more about the installation details on our installation page.
2. Install the PhoneGap Developer App
Now grab the mobile app, which is globally available in an app store near you:
- iOS from the App Store
- Android from Google Play
- Windows Phone is coming soon!
3. Create an App
The PhoneGap Developer app is compatible with existing PhoneGap and Apache Cordova projects.
You can create a new app:
$ phonegap create my-app
$ cd my-app/
Or open an existing app:
$ cd ~/Development/app/my-existing-app
4. Pair the CLI and Developer App
This is where the magic happens. The CLI starts a tiny web server to serve your project. Then, the PhoneGap Developer App connects to that server.
First, use the CLI to serve your project:
$ phonegap serve
[phonegap] starting app server...
[phonegap] listening on 192.168.1.76:3000
[phonegap]
[phonegap] ctrl-c to stop the server
[phonegap]
Second, enter the server address into the PhoneGap Developer App. In this example, the address is 192.168.1.76:3000
.
Remember, both the CLI and PhoneGap Developer app must be on the same network in order for the address must to be reachable.
5. Get to Work
Once paired, it’s business as usual. You can freely add, edit, and remove files from your project. Every saved change will automatically update the preview displayed in the PhoneGap Developer App.
You can also use hidden touch gestures for additional control:
- a 3-finger tap will go to the home page
- a 4-finger tap will force the app to update
The Future
PhoneGap is made for you and your requests always drive its direction! The PhoneGap Developer app was purposely designed with a small number of features. This allows us to release early, listen to your thoughts, and move in the direction that helps you the most! Please - I can’t emphasize this enough - report issues and submit feature requests to any of the project issue trackers.
At the moment, we’re focusing on:
- Windows Phone 8 support (already under development)
- Custom plugin support support
- Remote Web Inspector support
- PhoneGap Build integration
Open Source
In the tradition of PhoneGap, we’ve open sourced everything short of the signing keys!
- PhoneGap Developer App: source code and issue tracker
- PhoneGap Developer App Website: source code and issue tracker
- PhoneGap Connect module: source code and issue tracker
- PhoneGap CLI: source code and issue tracker
More Info
We’re terrible at keeping secrets! Many of you have already noticed the PhoneGap Developer app and some have written about it! I highly recommend that you checkout the articles by Holly Schinsky and Raymond Camden.
- Official PhoneGap Developer App Website
- Holly Schinsky’s Introducing the PhoneGap Developer App
- Raymond Camden’s PhoneGap Developer App