NODEJS
- you need to install the latest NODEJS as this the required tool for Ionic Framework and other pre-requisite tool on the project.XAMPP / WAMP
- for web app deployment and serving (local development).IONIC FRAMEWORK
- you need to install the latest Ionic Framework as this is the required tool for mobile app deployment.CORDOVA
- you need to install the latest Cordova as this is the required tool for building mobile app on multiple platforms.HOSTING SITE
- this used to deploy our web app on the live site, where anyone can access through it.ANDROID SDK
- this is required to build android app.To configure the connection. go to (Project Folder)/theme/templates/server/connection.php
public $host ='localhost'; public $user ='root'; public $pass = ''; public $db ='tabulation';
Change the values inside that php to set your correct configuration.
You can deploy to any hosting site or locally using WAMP
or XAMPP
NOTE: It is important to get the IP ADDRESS of the hosting, this will be use on deploying and building the mobile app to access the API of the WEB APP
OUTPUT: (SERVER IP ADDRESS)/TABULATION-SYSTEM/theme/templates/server
Copy this and we will use this on building mobile app.
ionic CLI
and cordova CLI
. type npm install -g cordova ionic
on CMD
.cd mobile
.ionic restore state
, this will restore the plugins requires on the app. Wait until it says complete or done.mobile/www/js/app.js at line 4
.. Change the constant HOST
value to the SERVER IP ADDRESS
value you have copied lately.ionic serve
inside the folder mobile on cmd. Wait until it will on the browser. Emulate the browser to mobile view for better experience. Test and explore the app, to check if the app connects successfully.To build the app we need to have Android SDK setup successfully, Lets assume that Android SDK is installed and successfully setup.
cd again to mobile folder, type ionic build android
.. to build the android app, the process on building is being done by cordova associated by ionic, please wait until it notifies complete and this takes a minute to build.
Once completed go to project folder/mobile/platforms/android/build/outputs/apk/
and copy the build apk.
You can now share the apk to your classmates or friends to test the app, and let them install it on there device.
You can also deploy the app directly to a devices, simply type ionic run android
right after you ionic build android
the app..
Have a bug or an issue with this template? Open a new issue here on GitHub.