How to build JG JEDStarter app

JED Starter App

A JoomGap starter is a project to create a hybrid mobile app for Joomla! CMS, powered by Cordova/PhoneGap, AngularJS and Ionic. Find extensions for your Joomla site in the Joomla Extensions Directory, the official directory for Joomla components, modules and plugins.

This project is the product of many years of iterative development and combined community knowledge from open source projects. It does not impose a specific development philosophy or framework, so you are free to architect your code in the way that you want.

JED Starter App was introduced in Joomla World Conference 2015 - Nov 6-8th 2015. This app is ready to be installed to browse a real-world Joomla! site, based on JED's Install from Web interface. Plus, since it is based on an online web service, there is no need to install an extension to enable an integration API for this test.

This application is not published in Google Play. We publish it only for testing and you must download the APK binary file to manually install it in your phone.

NOTE: Since this app is not published in a store, you have to manually copy and install it into your device. Ref: How to install apps outside of Google Play

Choose one of the following options:

  1. Download the latest stable release from joomgap.com.
  2. Clone the git repo — git clone https://github.com/JoomGap/JGJEDStarter.git - and checkout the tagged release you'd like to use.
  3. Create a new App in PhoneGap build.
  4. Build and download APK (Android) or IPA (iOS) file.
  5. Copy the file to your mobile phone and install it.
  6. Have fun!

function query(params) {
  var waitForData = $q.defer();
  var url, q;

  url = 'http://appscdn.joomla.org/webapps/index.php?format=json&option=com_apps&view=dashboard&product=Sm9vbWxhIQ==&release=My40&dev_level=NA==&list=grid&pv=MS4wLjU=';
  q = JgSimpleResource.get(url, params).$promise;

  q.then(function (response) {

    if ((response) && (response.success)) {
      waitForData.resolve(parseResponseCategories(response.data.html));
    } else {
      // No data, just return
      waitForData.resolve([]);
    }

  }).catch(function () {
    // No data, just return
    waitForData.resolve([]);
  });

  return waitForData.promise;
};

  • Cordoba/PhoneGap mobile application.
  • Includes:
    • Cordoba/PhoneGap project
    • PhoneGap (iOS / Android / Windows)
    • PhoneGap build-ready configuration
    • AngularJS
    • AngularJS Animate
    • AngularJS Resource
    • AngularJS Sanitize
    • AngularJS UI Router
    • JoomGap Simple Library
    • Ionic Frameworks
    • ngCordova

Start a local development server for app dev/testing.

ionic serve 

Compile Saas to build stylesheets.

gulp

Updating Ionic. Update bower.json, driftyco/ionic-bower#....

gulp install

  • Android 5 and 6
  • Apple iOS 8 and 9

This doesn't mean that it cannot be used in older OS, just that we'll ensure compatibility with the ones mentioned above.

Welcome screen - Android

The code is available under the GNU GENERAL PUBLIC LICENSE Version 3.

We welcome feedback! Leave a comment by clicking the icon in upper right corner of the banner.