This is an old revision of the document!
Ionic
Prerequisites
nodejs (latest)
sudo apt-get install build-essential # curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash - # sudo apt install nodejs
nodeenv
sudo apt-get install python-pip sudo pip install nodeenv
Project
Create library
LIB=<some-path> nodeenv --node=0.10.33 $LIB . $LIB/bin/activate
npm install -g ionic # npm install -g bower
update
npm update -g ionic cordova
Create project
Activate library
. $LIB/bin/activate
NAME=PeperStart ionic start $NAME blank cd $NAME ionic browser add crosswalk #(this command enable also android platform)
Update libs
. $LIB/bin/activate npm install -g ionic cd <project> ionic lib update
Android
It is important to install native gradle or use gradle shipped with android studio (see PATH below)
- ANDROID_HOME=/opt/android-sdk
- PATH=/opt/android-sdk/platform-tools:/opt/android-studio/gradle/gradle-3.2/bin/
example
nodeenv lib . lib/bin/activate npm install -g ionic cordova ionic start test1 blank cd test1 ionic cordova plugin cd .. git clone https://github.com/Cloudoki/ImageDetectionCordovaPlugin.git # create pacakge.json in ImageDetectionCordovaPlugin cd test1 cordova plugin add ../ImageDetectionCordovaPlugin ionic cordova platform add android ionic cordova build android ionic cordova run android --device
example2
ionic start MyCameraApp blank --id org.csgalileo.mycameraapp git clone --depth=1 https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview.git cd MyCameraApp ionic cordova platform add android ionic cordova plugin add ../cordova-plugin-camera-preview npm install @ionic-native/camera-preview --save ionic cordova plugin add cordova.plugins.diagnostic npm install @ionic-native/diagnostic --save ionic cordova build android ionic cordova run android --device
Eclipse
$P is $NAME/platforms/android path
- Import → “Existing Android Code …” → $NAME/platforms/android and deselect all subprojects
- Project → Build Path → Configure Build Path
- Source → Link source → $P/Cordovalib/src with name src-cordovalib
- Libraries → Add external JAR → $P/Cordovalib/xwalk_core_library/xwalk_core_library_java_app_part.jar
- Libraries → Add external JAR → $P/Cordovalib/xwalk_core_library/xwalk_core_library_java_library_part.jar
Native lib integration
Create zip file named gpio.jar and put into platforms/android/libs
lib └── armeabi └── libgpio.so
build.gradle search inside libs for *jar (see dependancy section)
Tips
Video fullscreen autoplay
<video ng-controller="startVideo" controls="" style="width:100%; height:auto" autoplay="false"> <source src=""></source> </video>
.controller('startVideo', function($scope) { angular.element('video').attr('src','http://...'); });