DrupalGap Mobile Application

Last updated November 8, 2012. Created by tyler.frankenstein on November 8, 2012.
Log in to edit this page.

DrupalGap Mobile Application

The DrupalGap mobile application is available for Android and iOS. The mobile application can interact with Drupal sites that have the DrupalGap module enabled.

Android - Download: Google Play

iOS - Download: iTunes

Custom Mobile Application Development for Drupal Websites

Mobile application developers can use DrupalGap with PhoneGap and jQueryMobile to build custom mobile applications that integrate with their Drupal websites.

• DrupalGap Module
• DrupalGap Mobile Application Development Starter Kit

Please refer to PhoneGap's Getting Started Guide for more information. Here is a quick summary:

PhoneGap - Installation (Android)

1. Download PhoneGap
2. Complete the PhoneGap Getting Started Guide for Android to create your new Android Application in PhoneGap
3. Download JQuery 1.6.4 & JQuery Mobile 1.1 to PhoneGap's assets/www directory
4. Download DrupalGap and extract to PhoneGap's assets/www directory so DrupalGap's JavaScript file is located at assets/www/drupalgap/drupalgap.js
5. Run your new Android Application!

JQuery and JQueryMobile Downloads

• http://code.jquery.com/jquery-1.6.4.min.js
• http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js
• http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css

From here you'll have a great start to building a mobile application that integrates with your Drupal website.

Developing with Localhost Drupal & Android Emulators

If you are developing on localhost and want your mobile application to communicate with your Drupal install, you may need to use 10.0.2.2 instead of localhost inside DrupalGap, for example:

http://localhost/my_drupal_site ==> http://10.0.2.2/my_drupal_site