Ionic - MaxGolden/Personal_Blogs GitHub Wiki

Start Ionic App in Win10 CMD

$ cd myApp
$ ionic cordova platform add android
$ ionic cordova build android
$ ionic cordova run android

Create an Ionic APP

  • ionic start <appname>
    and then follow the selects.

ionic adding plugins

  • Creating Ionic App:  ionic start myApp blank --type ionic1
  • Moving to App Directory: cd ImageApp
  • Adding android platform: ionic cordova platform add android
  • Adding Plugin(camera): cordova plugin add cordova-plugin-camera
  • Installing Firebase to app: npm install --save firebase
  • Building APK: ionic build android
  • Running on Device: ionic cordova run android

Folders in Ionic App

  • platforms - contains your iOS and Android projects

  • hooks - for custom actions to be taken as your app moves through the Cordova development process

  • plugins - Cordova stores the plugins that you add to your project. Plugins are added by the command: ionic plugin add {plugin}

  • www - is where your app is developed

www structure

  • css - project specific css files

  • img - all the images

  • js - js files to be used in project

  • lib - libraries like angular js are stored here

Tools for testing angularjs applications:

  • Karma - JavaScript command line tool
  • Jasmine - framework for testing JavaScript

Installation

Go to your angular project folder in node js terminal and execute the following commands:

  • npm i -g npm-check-updates
  • npm-check-updates –u
  • npm install
  • npm init
  • npm install angular --save
  • npm install -g karma-cli
  • npm install karma-jasmine jasmine-core --save-dev
  • npm install karma-phantomjs-launcher --save-dev
  • npm install angular-mocks --save-dev

Google Client ID

489123086268-seli2h5mc947nuueubkr4q9c36dsrcep.apps.googleusercontent.com

  • Reserve ID:

  • com.googleusercontent.apps.489123086268-seli2h5mc947nuueubkr4q9c36dsrcep

  • ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=com.googleusercontent.apps.489123086268-seli2h5mc947nuueubkr4q9c36dsrcep

  • ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=com.googleusercontent.apps.489123086268-j2sn6qdl0ofpdirikl38lgq13o48742a --variable WEB_APPLICATION_CLIENT_ID=489123086268-j2sn6qdl0ofpdirikl38lgq13o48742a.apps.googleusercontent.com

  • npm install --save @ionic-native/google-plus

Native Storage

j2sn6qdl0ofpdirikl38lgq13o48742a

  • ionic cordova plugin add cordova-plugin-nativestorage
  • npm install --save @ionic-native/native-storage
⚠️ **GitHub.com Fallback** ⚠️