Frontend Ionic (fe-ionic)
Ionic quickstarter project
The files are generated using Ionic CLI. It scaffolds a tabbed app containing 3 basic pages (home, about and contact).
. ├── Jenkinsfile - This file contains Jenkins build configuration settings ├── README.md ├── config - This folder contains Webpack and sass configuration settings ├── docker - This folder contains Docker configuration settings │ ├── Dockerfile │ └── nginx.vh.default.conf.nginx ├── e2e │ ├── test.e2e-specs.ts │ └── tsconfig.json ├── resources - This folder contains resources by platform ios, android ├── package.json - This file contains scripts to run and node packages dependencies for project ├── sonar-project.properties - This file contains SonarQube configuration settings ├── src │ ├── app │ │ ├── app.component.ts │ │ ├── app.html │ │ ├── app.module.ts │ │ ├── app.scss │ │ └── main.ts │ ├── assets │ ├── environments │ │ ├── environment.dev.ts | | |__ environment.e2e.ts │ │ └── environment.ts │ ├── pages │ ├── providers │ ├── theme │ ├── index.html │ ├── manifest.json │ ├── polyfills.ts │ ├── service-worker.js │ ├── test.ts │ └── tsconfig.spec.json ├── www ├── .angular-cli.json - This file contains Angular project configuration settings ├── config.xml - This file contains config settings for your mobile app, like package name and native preferences ├── .ionic.config.json - This file contains Ionic project configuration ├── karma.conf.js ├── protractor.conf.js ├── tsconfig.json └── tslint.json
As pre-requisite you’ll need to have installed:
Once you have you developer environment set up you can simply:
Clone your generated git repository and
cdto your folder
npm installin project directory to install npm dependencies.
ionic servecommand to start the dev server, it will open your browser at
To develop an iOS application, you’ll need to setup your developer environment as suggested in this guide.
For android support configure your environment like this guide.
Jenkinsfile contains the configuration that customizes the core pipeline implemented by jenkins shared library.
When the code in your git repository is updated the
Jenkinsfile comes into action with the following stages for this quickstarter:
Build - Installs the dependencies of your project with
yarn install, generates the build by running
npm run ionic:build, if the merged git branch is master it creates the production build with
npm run ionic:build --prod. Finally, it copies the output folder
Unit Test - Runs unit test cases by executing
yarn testcommand, if any test fails, the build is marked as failed.
Lint - Profiler that ensures code best practices by running
npm run lintcommand, if linting is not passing, the build is marked as failed also.
This quickstarter uses Nodejs10-Angular builder slave Jenkins builder slave.
Ionic Pro builds needs to be configured separately as described here