PhoneGap Blog

All PhoneGap PhoneGap Build PhoneGap Network
PhoneGap Developer App
by Michael Brooks | 23 Apr 2014 | PhoneGap Blog, App, News

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!

PhoneGap Developer App

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:

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.

Pairing the PhoneGap Developer App

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.

PhoneGap Developer App Workflow

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!

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.

blog comments powered by Disqus