In this post, we will take a look at building Mobile Hybrid application using the new Phonegaps’s Desktop App. We will download the installer, setup a hello world project and deploy it to our mobile and test it.
A quick sneak peek on how the Phonegap Desktop App works
So, let us get started.
Why Phonegap Desktop App?
Because it is easy to use.
The PhoneGap Desktop App is the easiest way to get started with PhoneGap. It’s an alternative to the PhoneGap CLI, yet it uses the same libraries under-the-hood.
There’s no complicated installation. You don’t need git, npm, or even node.js. We include all of the important parts for you, so that you can focus on creating your next app!
With this, you can focus on the actual app development and not worry about the environment.
We will look at a 5 step process on how to start working with Phonegap Desktop app.
Step 1 : Download App
The app can be downloaded from the Phonegap Desktop app Github repo. As of today version v0.1.1 beta is the stable release and v0.1.2 beta is the pre-release. You can download the zip file for your OS (Windows/Mac) from here.
Unzip the OS specific zip file and you will find the .app file incase of Mac and .exe incase of Windows. Launch the app by double clicking on the executable.
Step 2 : Creating a new Phonegap Project
Once you launch the Phonegap desktop app, the interface would look like
Click on the + icon and you should see
Click on Create new PhoneGap Project and you should see
Local path is the location on your disk where the project should get created. Name would be the name of the app. ID is the unique reverse domain name, that acts as an identifier for your app across app stores.
Once you fill it, you can click on Create Project. And now, when you head back to the location you have created the project, you can see the project created.
If you are familiar with Cordova or Phonegap development, you will recognize the folder structure.
Step 3 : Install the Phonegap Developer App
Navigate to the Download section of app.phonegap.com and install the app on your device.
Step 4 : Connect Desktop App with Mobile App
Once the mobile app is installed, open the same and you should see
Now if you go back to the Phonegap Desktop app and click on the console icon, you can see the logs
Now, the awesome part, you can make changes to the code on your desktop and the changed would reflect on the device.
Hope this post gave you an idea on how to develop Hybrid apps with Phonegap Desktop app.
Thanks for reading! Do comment.