Jump to content

Mobile App/Cordova Development Notes: Difference between revisions

m
No edit summary
 
(13 intermediate revisions by 2 users not shown)
Line 75: Line 75:
== iOS specific issues ==
== iOS specific issues ==


== Android version code ==
== Android 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
 
== Cordova plugins ==
 
* http://plugins.cordova.io/#/package/com.phonegap.plugins.barcodescanner
 
=== Camera, File, File transfer plugins ===
Install the various plugins
<pre>
cordova plugin add org.apache.cordova.camera
cordova plugin add org.apache.cordova.file
cordova plugin add org.apache.cordova.file-transfer
</pre>


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


<pre>
biz_000@Colibri MINGW64 ~/Desktop/cordova-app (master)
$ cordova -v
6.4.0


biz_000@Colibri MINGW64 ~/Desktop/cordova-app (master)
$ cordova plugins
cordova-plugin-barcodescanner 0.7.0 "BarcodeScanner"
cordova-plugin-camera 2.3.0 "Camera"
cordova-plugin-compat 1.0.0 "Compat"
cordova-plugin-file 4.3.0 "File"
cordova-plugin-file-transfer 1.6.0 "File Transfer"
cordova-plugin-whitelist 1.3.0 "Whitelist"


=== Install Moodstocks ===
</pre>
 
=== Barcode scanning plugin ===
You may also have to install Apache Cordova plugin for barcode scanning.
<pre>
cordova plugin add com.phonegap.plugins.barcodescanner
</pre>
 
=== Moodstocks ===
==== Install Moodstocks ====


* https://moodstocks.com/docs/phonegap/using-the-moodstocks-sdk-in-your-phonegap-application/
* https://moodstocks.com/docs/phonegap/using-the-moodstocks-sdk-in-your-phonegap-application/
Line 105: Line 140:
</pre>
</pre>


=== Moodstocks Bugs ===
==== Moodstocks Bugs ====


The following pops up on the 2nd scan with Moodstocks:
The following pops up on the 2nd scan with Moodstocks:
Line 113: Line 148:
-> Problem with jQuerymobile not "exiting" properly from scan when clicking on "Back" ?
-> Problem with jQuerymobile not "exiting" properly from scan when clicking on "Back" ?


=== Moodstocks plugin tutorial ===
==== Moodstocks plugin tutorial ====
* https://moodstocks.com/docs/phonegap/using-the-moodstocks-sdk-in-your-phonegap-application/
* https://moodstocks.com/docs/phonegap/using-the-moodstocks-sdk-in-your-phonegap-application/
== Cordova plugins ==
* http://plugins.cordova.io/#/package/com.phonegap.plugins.barcodescanner
=== Camera, File, File transfer plugins ===
Install the various plugins
<pre>
cordova plugin add org.apache.cordova.camera
cordova plugin add org.apache.cordova.file
cordova plugin add org.apache.cordova.file-transfer
</pre>
=== Barcode scanning plugin ===
You may also have to install Apache Cordova plugin for barcode scanning.
<pre>
cordova plugin add com.phonegap.plugins.barcodescanner
</pre>
== Firefox OS ==
== Firefox OS ==
[https://openfoodfacts.slack.com/messages/firefoxos See #firefoxos on Slack]
[https://openfoodfacts.slack.com/messages/firefoxos See #firefoxos on Slack]
Line 139: Line 155:
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.


* https://developer.mozilla.org/en-US/Firefox_OS/Using_the_App_Manager
=== Notes from the Hackathon ===
[[File:Porting Open Food Facts on Firefox OS.011.jpeg|thumbnail]]
[[File:Porting_Open_Food_Facts_on_Firefox_OS.010.jpeg|thumbnail]]
* Hackpad: https://lite5.framapad.org/p/hack@moz
* PDF presentation: [[File:Porting OFF on Firefox OS.pdf]]
* https://github.com/gasolin/qrcode_scanner/
* https://github.com/gasolin/qrcode_scanner/
* https://github.com/SunboX/QR-Reader
* https://github.com/SunboX/QR-Reader
=== How to hack it / install it ===
==== Get the source code ====
Clone the Open Food Facts Firefox OS Cordova repository
<pre>git clone https://github.com/openfoodfacts/openfoodfacts-ffos.git</pre>
Github repo with the app debugged during the Hackathon
==== Install the App Manager ====
* https://developer.mozilla.org/en-US/Firefox_OS/Using_the_App_Manager
==== Install it on your device ====
== Windows Phone ==
See [https://openfoodfacts.slack.com/messages/windowsphone #windowsphone on Slack]
* [http://www.windowsphone.com/fr-fr/store/app/openfoodfacts/5d7cf939-cfd9-4ac0-86d7-91b946f4df34 Listing on the Windows Phone store]


== Ubuntu OS ==
== Ubuntu OS ==
Line 147: Line 182:


== Publishing on App Stores ==
== Publishing on App Stores ==
* See [[Project:AppStores]]
* See [[Mobile App/AppStores]]
* Contact Stéphane, Vince or Pierre on Slack
 
=== 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 ==
== May be of interest for future apps ==