VIDA uses Ionic Framework but before you can insatll Ionic, you need to have Node Package Manager npm and bower.
To install npm you can install it from (we've tested with this version):
https://nodejs.org/dist/v0.12.9/node-v0.12.9.pkg
To install bower:
$ sudo npm install -g bowerTo install ionic run:
$ sudo npm install -g cordova
$ sudo npm install -g ionicTo install the emulators for iOS and Android run:
$ npm install -g ios-sim
$ npm install -g android-simAt this point you can build the mobile app:
git clone https://github.com/ROGUE-JCTD/flintlock-mobile.git
cd flintlock-mobile
./clean-build.shNext, run the app in one of the following platforms
# launch app in chrome for easy and fast development
ionic serve# launch the android emulator
ionic emulate android
# launch the application on the connected android device
ionic run android
# build an APK (needs to be signed to install)
ionic build android --release- launch chrome and use the developer tools. Works for emulator and you can and you can go to 'chrome://inspect/#devices' in the address bar to connect to a physical android device
# launch ios emulator (on OSX only)
ionic emulate ios
# build the iOS version of the app
ionic build ios- you need to have a Apple Developer License which costs 99$ per year
- when you launch xcode, you can log in with your apple account to utilize the license
- launch platforms/ios/flintlock-mobile.xcodeproj in xcode
- click the "build and then run" (play) button to launch the app on device
- use Safari's developer tools / inspector to vew console output and debug DOM /js code
- in Safari console, run 'window.location.reload()' to reload the app to see console output from when the app is launched
- to add a new plugin, add it to
clean-build.shand then run clean bulild as opposed to running the ionic/cordova command directly. This will ensure that all platforms get the plug ing setup properly. - before committing, run
clean-build.shand do a test on emulators as well as any devices you have to help catch problems across platforms