Home

The problam we targeting :

Having a web app developed in Ionic framework and Deploying to heroku with Git.
I must manage at least two environments, prod(uction) and dev(elopment), and another important requirement is that no sensitive data (e.g API_URL, CLIENT_KEY) will publicly sit in the app's git repo.

so ..
first, manage two envaierments, prod and dev, with different behaviors - in this case inject different envaierment variables values in mode dev amd mode prod.
seconde, inject envaierment variable - conataininig sensitive values - on the heroku server without it sitting in the repo.

The solution :

What you need to do

res:

• https://devcenter.heroku.com/articles/nodejs-support
• https://github.com/ionic-team/ionic-app-scripts
• https://github.com/gshigeto/ionic-environment-variables
• https://webpack.js.org/plugins/define-plugin/
• https://stackoverflow.com/questions/41473262/deploying-ionic2-on-heroku
• https://stackoverflow.com/questions/36223070/how-to-deploy-node-that-uses-webpack-to-heroku
• https://github.com/ionic-team/ionic-app-scripts/blob/master/CHANGELOG.md#300-2017-09-28
• https://stackoverflow.com/questions/43598311/component-is-part-of-the-declaration-of-2-modules/47394702