Photogram Ionic Getting Starter
Welcome to the documentation of the generator. The goal of the generator is to bringing to you the cutting edge project with all technologies and optimization you could want or even you do not know yet que you want!
But we can not and should not match the requirements of all projects. It's why it generates the code That You Have to make it yours and adapt it to your project.
Requirements
Before and begin to start using the Ionic recommend using these commands to install all the necessary packages nodejs
$ npm install -g cordova # cordova
$ npm install -g ionic # Ionic
$ npm install -g bower # Bower
$ npm install -g ios-sim # In Mac OS
Install NPM in Ionic Application
Now that you already have a copy of ionic application on your machine, simply run these commands to enter the folder and use the npm install to install dependencies nodejs
$ cd yourproject-app
$ npm install
Configure File
- src/app/index.constant.js - Change this file with your app parameters
- app
- gaTrackingId - Google Analytics ID
- facebookAppId - Facebook App ID
- parse.appId - APP_ID in ecosystem.json file
- parse.server - SERVER_URL in ecosystem.json file
- onesignal.id - ID in One Signal
- onesignal.google - ID Android in One Signal
- locales - Languages available in the application, each language must have a file in the folder .jsonsrc/i18n/
Auto Inject File
- src/index.html - Do not need to edit that index.html file, whenever you create a new file in Javascript or install a new component to Bower, it is automatically injected into the temporary index.html file, so avoid to touch this file
Folders
- src/ - In this folder is that are the source code in Ionic, Sass and Angular you must edit
- src/i18n/ - json file with translations for the languages listed in the file src / app / index.constant.js
- www/ - Production files, you should not edit any file in this folder, it is automatically created with the command gulp build
Commands overview
$ gulp serve # to launch a browser sync server on your source files
$ gulp or gulp build # to build an optimized version of your application in /dist
$ gulp serve:dist # to launch a server on your optimized application
$ gulp test # to launch your unit tests with Karma
How do I get updates?
Stay tuned to github original design to track updates with fixes and new features.
If you followed this tutorial just right there in the beginning, we did the clone to the machine and change the remote origin that apotava to github he called github, so the origin was appointed to his bitbucket.
In this case, you need to commit all of the changes you made to the layout and follow the following safety steps.
First create a branch dev
I recommend creating a dev branch to merge with github, for example:
cd yourproject-app
git branch dev
Before switching to the branch, you must commit its updates, for example:
git add .
git commit -m "My interface"
Now you can switch to the dev branch and does github pull to receive updates, for example:
git checkout dev
git pull github master
Make sure the files you changed not conflicted with the update that you received.
I recommend using SourceTree free program for Windows, Mac or Linux with Git interface to help you
Send to your private repository
Once you've received the update and checked that everything is ok, make a new commit and follow these steps:
Commit your merge
git add .
git commit -m "New updates"
Test first
gulp serve
Everything is OK?
If you tested in your browser and see that everything is working, you can send your updates to your private repository in bitbucket using the following commands
git checkout master
git merge dev
git push origin master
These steps work for any other repository that you come to work with GitHub. Be very careful not to send your update to Github and compromise their codes