Use the PhoneGap Developer app for quick commissioning projects

today, PHONEGAP-based hybrid APP development technology is more mature and more prominent. The rapid development of mobile Internet, Android and IOS version of fast iteration, so that HTML5 performance problems gradually resolved. just on the PHONEGAP website, there are hundreds of plugins from third-party developers, covering all aspects of APP development and greatly expanding the PHONEGAP's functional system.

PHONEGAP official launched the new Debug tool the PhoneGap Developer App. This is a PhoneGap developed by the app, installed on the phone, you can directly load the computer through the PHONEGAP built-in server to run the project, without repeated compilation, to achieve real-time debugging results. More than that, the APP encapsulates a common more than 10 plug-ins that can directly invoke the plugin's API to interact with the device when writing code.

Okay, now we're going to show you how to use this powerful tool.

First, please install the PHONEGAP command-line tool:

NPM Install Phonegap-g

if you have installed but the PHONEGAP version is less than 3.6, it is recommended that you upgrade to a higher version. According to my test,thePhoneGap Developer App has some problems with the low version of PHONEGAP support.

Step two, download The PhoneGap Developer App is installed on your phone and is officially available in three versions of Android, IOS and Windows phone.

Android version on Google Play, download is not very convenient, I dumped a version, you can scan the following QR code download:

For IOS and Windows phones, please download them directly from the website:

http://app.phonegap.com/

The third step is to create the PHONEGAP project and start the server:

Fourth Step, open the APP on the phone, enter the IP address above, click Connect, the project will be loaded and displayed automatically.

OK, now start experiencing powerful real-time debugging!

Initial Interface

the interface after the app is loaded

modify any file under the WWW directory and the APP will automatically refresh and display the effect.

Project directory list

www directory list

try calling the plugin:

Navigator.notification.alert (' Hello World ');

plug-in effects

Use the PhoneGap Developer app for quick commissioning projects