PhoneGap Tutorials

Hero image for article
Icon for article
.pgbomitfile sizephonegap build

Using PhoneGap Build’s .pgbomit to Drastically Reduce File Size

2 min read

The PhoneGap Build service has just overcome this problem in a spectacular way with the introduction of .pgbomit. Adding a .pgbomit file essentially allows us to tell PhoneGap Build to...

Hero image for article
Icon for article
cameracordovaionicstorage

Store Camera Photos Permanently Using PhoneGap, Ionic 1.x & ngCordova

3 min read

It's simple enough to trigger the devices camera and grab the resulting photo, but there's one big problem. The photo will eventually disappear.

Hero image for article
Icon for article
ionic

How to Minify an Ionic 1.x Application for Production

5 min read

Before you build the final production ready version of your Ionic application, you might want to first minify it. Minifying code is essentially the process of stripping away everything unnecessary.

Hero image for article
Icon for article
cordovagulpionic

How to Minify an Ionic 1.x Application using Gulp and Cordova Hooks

2 min read

When using a local verison of PhoneGap though it will just take the entire contents of the www directory by default, which means the source files as well as the minified files will be inlcuded in the final package (which obviously defeats the purpose of doing it in the first place).

Hero image for article
Icon for article
beginnercordovadiscussionstorage

A Summary of Local Storage Options for PhoneGap Applications

7 min read

There's quite a few different options out there, it can be pretty confusing, so in this article I will provide a brief overview of the different storage options

Hero image for article
Icon for article
barcodepluginqr code

How to Scan QR Codes with Sencha Touch and PhoneGap

2 min read

That's enough about the viability of QR codes though, let's get into how to actually implement our own QR Code reader with PhoneGap Build

Hero image for article
Icon for article
downloadebookguide

Learn Sencha Touch with My New Ebook for Beginners

2 min read

I love the Sencha Touch framework but I ran into a lot of frustrating obstacles whilst trying to learn that took way longer to overcome than they needed to.

Hero image for article
Icon for article
pluginsplashsplashscreen

Dealing with Splash Screens in a PhoneGap Build Application

2 min read

It can take quite a bit of effort to create a solution that works across all device resolutions though. I opt for using the Splashscreen plugin to display the splash screen for the entire period.

Hero image for article
Icon for article
plugins

8 PhoneGap Build Plugins I Couldn’t Cope Without & Some More

3 min read

This post will summarise the plugins I find most useful, and a few more that I haven't had the chance to try out yet.

Hero image for article
Icon for article
apidatabasemysqlphp

Part 1: Sencha Touch Email + Facebook Log in System with PHP & MySQL Backend

3 min read

In this first part, I will walk you through setting up your database and setting up some PHP files on your server that are ready to receive calls from your application.

Hero image for article
Icon for article
authenticationloginsignup

Part 2: Sencha Touch Email + Facebook Log in System with PHP & MySQL Backend

4 min read

Today we will be taking a similar approach, but this time we will be setting up the basic screen flow for the application. At the end of this tutorial, you should have something that looks like this

Hero image for article
Icon for article
iconscreenscreenshotssplash

Preparing Screenshots, Splashscreens & Icons for App Store Submission

4 min read

Even when you know all the requirements this is still a pretty painful process so I want to make sure you don't have to spend hours searching around for the correct dimensions of screens you need to cater for.

Hero image for article
Icon for article
debugginggapdebug

Genuitec Release EPIC Debugger ‘GapDebug’ for PhoneGap Apps

2 min read

GapDebug integrates the Safari Webkit Inspector and Chrome Developer Tools to create an integrated debugging experience for OS X and Windows.

Hero image for article
Icon for article
web development

Making the Switch from Web Development to Mobile App Development

5 min read

As a web developer, you may feel like you're getting left behind a bit if you don't update your skill set to include mobile.

Hero image for article
Icon for article

Setting up the Pushwoosh Plugin with PhoneGap Build

5 min read

Just because you're not building a native application it doesn't mean you have to miss out on the action. It's (reasonably) easy to set up Push Notifications in your PhoneGap Build application using the PushWoosh plugin.

Hero image for article
Icon for article

Building Your App Remotely with PhoneGap Build and Sencha Cmd

2 min read

In this tutorial I'm going to walk you through how to set up a new app to build remotely with PhoneGap build. For more information on setting up PhoneGap Build in a Sencha Touch application you can view this tutorial.

Hero image for article
Icon for article
discussion

FAQ: Do I Need a Mac to Make iOS Apps with PhoneGap?

2 min read

There seems to be a bit of conflicting information out there, with some people saying you do need a Mac and XCode to make iOS mobile apps with PhoneGap and other that say you do not. Before I get into the topic a little further, let me give you the short answer.

Hero image for article
Icon for article

9 Exciting New PhoneGap Build Plugins

2 min read

I like to have a browse through the 3rd party plugins list from time to time to see what's new and there has been a staggering amount added recently.

Hero image for article
Icon for article

PhoneGap Build Adds Support for External Plugins, Larger App Sizes and More!

2 min read

Updates include larger application size upload limits, support for plugins from plugins.cordova.io and a removed reviewing and approval process.

Hero image for article
Icon for article

An Efficient Workflow for Sencha Touch & PhoneGap Build Development

4 min read

The vast majority of my mobile application development is done with Sencha Touch and PhoneGap Build and over time I've refined the processes I use to develop applications more efficiently.

Hero image for article
Icon for article

Adding “Rate This App” for Reviews and Ratings in PhoneGap

4 min read

Ratings and reviews by real users of not just mobile applications, but just about anything, are critical for building trust and interest in new users.

Hero image for article
Icon for article

Add Social Sharing to a PhoneGap Application (Facebook, Twitter and more!)

2 min read

I'll show you how to use the Social Sharing plugin to include sharing options within your application. I'll specifically be walking through how to use it with PhoneGap Build

Hero image for article
Icon for article
phonegap build

The 15 Most Popular PhoneGap Build Plugins

4 min read

Plugins for PhoneGap are endlessly useful, there's so many available now that there really is a plugin for just about everything.

Hero image for article
Icon for article
debugging

Common Issues When Installing a Sencha Touch + PhoneGap App on a Mobile Device

5 min read

You usually hope that the transition onto an actual mobile device will be a smooth one but there can be quite a few tricky issues and bugs that can arise.

Hero image for article
Icon for article

Monetizing Your PhoneGap Build App with AdMob

4 min read

AdMob will allow you to display advertisements to users of your mobile application, and earn revenue from displaying them - similar to how AdSense works for websites.