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 CSS, HTML5, 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