Difference between revisions of "Mobile App/Cordova Development Notes"

From Open Food Facts wiki
Jump to navigation Jump to search
Line 137: Line 137:
 
[https://openfoodfacts.slack.com/messages/firefoxos See #firefoxos on Slack]
 
[https://openfoodfacts.slack.com/messages/firefoxos See #firefoxos on Slack]
 
<br>
 
<br>
 +
[[File:Porting Open Food Facts on Firefox OS.011.jpeg|thumbnail]]
 +
[[File:Porting_Open_Food_Facts_on_Firefox_OS.010.jpeg|thumbnail]]
 
A port of the app was initiated on Firefox OS. The main issues were with the barcode scanner and the lack of Cordova feature parity for the platform.
 
A port of the app was initiated on Firefox OS. The main issues were with the barcode scanner and the lack of Cordova feature parity for the platform.
  

Revision as of 21:21, 30 January 2016

This page contains notes regarding the development of the Open Food Facts mobile apps (Cordova version).

Source code

The current Open Food Facts apps for iOS, Android and Windows Phone use Apache Cordova (previously known as Phonegap).

Installing Cordova on your machine

Installing Node.js

Install Node.js

Install Git client

Install Cordova

in git-bash client:

npm install -g cordova
cordova -v : 3.6.3-0.2.13

Use cordova platform to know which platform you can install.

cordova platform

Install your platforms

cordova platform add firefoxos
cordova platform add android

Possible errors

"error android_home is not set and android command not in your path" when doing "cordova platform add android"

"error failed to run javac -version make sure"

Java JDK

ANT

"Error: Failed to run "java -version"

which java --> an old version of java in C:\Windows\System32 was causing the issue.. :-(

http://stackoverflow.com/questions/24493693/cordova-android-revision-to-low

Run SDK Manager, install Android build tools.

Get the source code

Clone the Open Food Facts Cordova repository

git clone https://github.com/openfoodfacts/cordova-app.git

iOS specific issues

Android version code

in config.xml : http://stackoverflow.com/questions/23001780/how-to-get-cordova-3-4-0-to-set-android-version-name-code-on-build


Install Moodstocks

Instructions not up to date for Cordova 3.6. This might be an up to date example :

public class Demo extends CordovaActivity {

  private boolean scanActivityStarted = false;

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    this.init();
    // Set by <content src="index.html" /> in config.xml
    super.loadUrl(Config.getStartUrl());
    //super.loadUrl("file:///android_asset/www/index.html")
  }

Moodstocks Bugs

The following pops up on the 2nd scan with Moodstocks:

java.lang.RuntimeException : Unable to start activity ComponentInfo ... The specified child already has a parent. You must call removeView() on the child's parent first.

-> Problem with jQuerymobile not "exiting" properly from scan when clicking on "Back" ?

Moodstocks plugin tutorial

Cordova plugins

Camera, File, File transfer plugins

Install the various plugins

cordova plugin add org.apache.cordova.camera
cordova plugin add org.apache.cordova.file
cordova plugin add org.apache.cordova.file-transfer

Barcode scanning plugin

You may also have to install Apache Cordova plugin for barcode scanning.

cordova plugin add com.phonegap.plugins.barcodescanner

Firefox OS

See #firefoxos on Slack

Porting Open Food Facts on Firefox OS.011.jpeg
Porting Open Food Facts on Firefox OS.010.jpeg

A port of the app was initiated on Firefox OS. The main issues were with the barcode scanner and the lack of Cordova feature parity for the platform.

Ubuntu OS

Separate application and codebase. See #ubuntu on Slack

Publishing on App Stores

Import on Apple App Store

  • You need a Mac to do this.

Import on Google Play

  • "You have imported an APK file which is not zip-aligned. Veuillez exécuter un utilitaire d'alignement zipalign sur votre fichier APK, puis le réimporter."

May be of interest for future apps