Select your operating system:

Windows 7

Windows 8

Windows 10

Mac OSX

Ubuntu

Index:

1. Install node.js
2. Install Cordova
3. Setup PhoneGap Platforms
4. Install PhoneGap Plugins
5. Install DrupalGap SDK over PhoneGap

Note: You will need a Drupal 7 site preinstalled

1. Navigate to the Apple App Store and install XCode.
2. Once installed, run XCode and install all updates.

1. Open Terminal
2. Type this in Terminal:

$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

3. Follow the prompts to complete the installation

1. Install node.js & npm:

$ brew install node

2. Check versions to ensure correct installation:

$ node -v

$ npm -v

3. Update node.js and npm:

$ brew update && brew upgrade node

1. Install Cordova:

$ npm install -g cordova

1. Change directory to desktop:

$ cd ~/Desktop

2. Create application files:

$ cordova create ExampleApp com.example "ExampleApp"

3. Change to app directory:

$ cd ExampleApp

4. Set Paths for the .bash_profile, mine looks like this:

$ export ANDROID_HOME=/home/kyle/android-sdk
$ export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64
$ export PATH=${PATH}:$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools:/usr/share/npm

5. Reload .bash_profile:

$ source ~/.bash_profile

6. Add Android platform:

$ cordova platform add android

7. Build Android platform:

$ cordova build

8. Add iOS platform:

$ cordova platform add ios

9. Build iOS platform:

$ cordova prepare

10. Test the simulators:

$ cordova run

1. Install all PhoneGap plugins:

$ cordova plugin add cordova-plugin-console cordova-plugin-device cordova-plugin-dialogs cordova-plugin-file cordova-plugin-inappbrowser cordova-plugin-network-information cordova-plugin-camera cordova-plugin-geolocation

2. Update your config.xml:

$ cordova plugin save

1. Download DrupalGap dependencies:

$ drush dl services libraries views_datasource

2. Enable DrupalGap dependencies:

$ drush en -y services libraries veiws_datasource

3. Download DrupalGap Module:

$ drush dl drupalgap

4. Enable DrupalGap Module:

$ drush en -y drupalgap

5. Flush Drupal cache:

$ drush cc all

6. Flush Drupal cache again because why not:

$ drush cc all

7. Test your installation by going to admin -> config -> services -> drupalgap and clicking Test Connection. It should say The system connect test was successful, DrupalGap is configured properly!

1. Click the "download" link on your Drupal site under "Configuration -> Web services -> DrupalGap"
2. Extract the contents of this download into your app's www directory on the desktop (overwrite any files):

~/Desktop/ExampleApp/www

3. Open your app's settings.js file, and switch the mode to phonegap:

drupalgap.settings.mode = 'phonegap';

4. Then include the cordova.js file in the body of your index.html file:

<!-- Load PhoneGap (Cordova) -->
<script type="text/javascript" src="cordova.js"></script>

1. Change to app's root directory:

$ cd ~/Desktop/ExampleApp

2. Build and Run the app:

$ cordova build

$ cordova prepare

$ cordova run

1. Change to app's root directory:

$ cd ~/Desktop/ExampleApp/www

2. Delete some extra files:

$ rm -rf css/ img/ js/

1. Install node.js:

$ sudo apt-get update

$ sudo apt-get install nodejs

2. Install npm:

$ sudo apt-get install npm

3. Update node.js name for PhoneGap:

$ sudo ln -s /usr/bin/nodejs /usr/bin/node

1. Install Git:

$ sudo apt-get install git

1. Install Ant:

$ sudo apt-get install ant

1. Install PhoneGap:

$ sudo npm install -g phonegap

2. Install dependencies:

$ sudo apt-get install lib32z1 lib32ncurses5 lib32bz2-1.0 lib32stdc++6

3. Verify Correct Installation:

$ phonegap -v

1. Download the SDK from here and extract it to /usr/local/android-sdk

$ sudo tar -zxvf ~/Downloads/android-sdk_r24.4.1-linux.tgz -C /usr/local/

Note: This command will change based on the SDK version.

2. Set Paths:

$ vim ~/.bashrc

Add:

export PATH=$PATH:/usr/local/android-sdk-linux/
export PATH=$PATH:/usr/local/android-sdk-linux/tools
export PATH=$PATH:/usr/local/android-sdk-linux/platform-tools
export PATH=$PATH:/usr/local/android-sdk-linux/build-tools

3. Save and quit:

$ vi ~/.bashrc

4. Set permissions:

$ sudo chmod a+x /usr/local/android-sdk-linux/tools/android

5. Reload .bashrc

$ source ~/.bashrc

6. Verify Correct Installation:

$ android

1. Install VirtualBox

$ sudo apt-get install virtualbox

2. Download the emulator from here
3. Set Permissions:

$ chmod u+x genymotion-2.1.0_x64.bin
$ ./genymotion-2.1.0_x64.bin

4. Run the emulator:

$ cd /home/dasunhegoda/Downloads/genymotion/
$ ./genymotion

1. Create application files:

$ phonegap create testapp

2. Change Directory:

$ cd /home/kyle/testapp

3. Add Android Platform:

$ phonegap platform add android

4. Verify the platform was added:

$ phonegap platform -ls

5. Run the application:

$ phonegap run android