mardi 28 juin 2016

Ionic: Advanced HTML5 Hybrid Mobile App Framework



ionic

Advanced HTML5 Hybrid Mobile App Framework

(mobile app framework)

Ionic is a complete open-source SDK for hybrid mobile app development. Built on top of AngularJS and Apache Cordova, Ionic provides tools and services for developing hybrid mobile apps using Web technologies like CSSHTML5, and Sass. Apps can be built with these Web technologies and then distributed through native app stores to be installed on devices by leveraging Cordova



- ---------=------- -
Description

gulp - Streaming build system
sass - Syntactically Awesome Style Sheets
yeoman generator - The web's scaffolding tool for modern webapps
ionic CLI - The Ionic command line utility
ngCordova - Simple extensions for common Cordova Plugins
angular JS 1 - Superheroic JavaScript MVW Framework
Apache Cordova - mobile application development framework (PhoneGap2011OpenSource)
GIT - Version control system
Node.js -  open-source, cross-platform runtime environment for developing server-side Web applications
NPM - Bundled and manages dependencies for an application
Bower - Package manager for the web


- ---------=------- -

-----------------------------=--=-=---------------------------

website :
http://ionicframework.com/

wiki :
https://en.wikipedia.org/wiki/Ionic_(mobile_app_framework)

documentation (very nice) :
http://ionicframework.com/docs/
http://ionicframework.com/docs/components/#header


Executed with Windows 10
*** ANDROID STEP BY STEP ***
ionic - hello world demo - ANDROID Application + Google Play Store
-------------------------------------------------------------

note:required install node.js (https://nodejs.org/en/)
note:required install git (https://git-scm.com/)

--######################################################
--GIT BASH
--######################################################

sudo npm install -g cordova ionic
ionic platform add android

---------

-->Create application
cd ~/Desktop
ionic start helloworld
cd helloworld
cordova platform add android
ionic serve

-->ANDROID STUDIO
note: Open Gladle Project under folder platforms/android/build.gradle
(gladle location: ex:C:\Program Files\Android\Android Studio\gradle\gradle-2.4)

-->Publish
cordova telemetry on
cordova build --release android
note:ionic emulate android (only if you need simulator)

cp ~/Desktop/helloworld/platforms/android/build/outputs/apk/android-release-unsigned.apk ./unsigned.apk

--######################################################
--CMD/DOS - Windows Command Line
--######################################################
PATH=C:\Program Files\Java\jdk1.7.0_79\bin\
CD C:\Users\**(your username)**\Desktop\helloworld
keytool -genkey -v -keystore key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000
note1: Fill out question. Be sure to respond yes at the is correct question . . . [no]
note2: DOES NEVER EVER LOSE THE KEYSTORE PASSWORD  -- KEEP IT SAFE

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore key.keystore unsigned.apk alias_name

PATH=C:\adt-bundle-windows-x86_64-20131030\sdk\build-tools\20.0.0
zipalign -v 4 unsigned.apk helloworld.apk


--######################################################
Google Play - Publish your application
--######################################################
https://play.google.com/apps/publish


--------------------------------------------------------==-=-------------------------------------------

Executed with OS X 10.9 Mavericks
*** iOS STEP BY STEP ***
ionic - hello world demo - iOS Application + App Store
-------------------------------------------------------------

note:required install node.js (node.js)
note:required install git (https://git-scm.com/)

--######################################################
--TERMINAL
--######################################################

sudo npm install -g cordova ionic
ionic platform add ios
sudo npm install -g ios-sim
sudo npm install ios-deploy


---------

-->Create application
cd ~/Desktop
ionic start HelloWorld
cd HelloWorld
cordova platform add ios
ionic serve
note:ionic emulate ios (only if you need simulator)

-->XCODE
note: Open Xcode Project under folder platforms/ios    
Run


-->Publish
cordova plugin rm cordova-plugin-console
cordova prepare ios
cordova build --release ios



--------------------------------------
note:Run (you can plug your iphone with USB cable and use-it as device. Hold play icon and chose iphone insted of ios simulator)


--=================================
source: ionic website, wiki.
https://github.com/cooervo/ionic-useful-info