Before proceeding, make sure the latest version of Node.js and npm are installed
npm install -g ionic
git clone [email protected]:GeotrekCE/Geotrek-mobile.git
cd geotrek-mobile-refonte-ionic
npm install
Minimum requirements : Fill in 'onlineBaseUrl' in 'src/environments/environments.ts' with your personal api url
ionic serve
Need iOS environment setup available only on macOS
ionic cordova run ios
Need Android environment setup available on Windows, macOS and Linux
ionic cordova run android
Minimum requirements : Fill in 'onlineBaseUrl' in 'src/environments/environments.prod.ts' with your personal api url
ionic cordova build ios --prod --release
ionic cordova build android --prod --release
You can find below all available options. You can easily overwrite them to customize your app.
App id
<widget id="io.geotrek.starter" ...>
App name
<name>Geotrek Starter</name>
You can overwrite a lot of options inside these files:
AppName (header of the app) , availableLanguage, api url, map options and more
environment.prod.ts will be use for development
environment.prod.ts will be use for release app
You can find all the internationalization ressources here (by default Fr and En)
Local icons to display on the map, like departure or parking icon
Geosjon to display on the map
Generally represents the limits of the geographical area of the application
Colors that will be used
The most important point here is the primary color to customize your application
-
The source image for icons should ideally be at least 1024×1024px and located in resources/icon.png
-
The source image for splash screens should ideally be at least 2732×2732px and located in resources/splash.png. For best results, the splash screen's artwork should roughly fit within a square (1200×1200px) at the center of the image.
Then you just have to run
ionic cordova resources
- All others resources are provided by the api We download a global package for offline mode when user downloads his first trek