SAP Cloud Platform Angular

Client appliation for SAP HANA services that taking advantage of the built-in REST, Search and Spatial engines. The backend project is located at github/mechevarria/cp_mta. This project was generated with Angular CLI. CoreUI is already integrated. The project is configured to run as a docker container. Data is provided by the Armed Conflict Location & Event Data project

Run in production mode as a docker container

• Build the multistage image with this script

docker-build.sh

• In order for the following script to run, two environment variables to be set HXE_HOST and HXE_PORT, which is the host and port of the HANA REST service api Example: HXE_HOST=192.168.56.101 and HXE_PORT=51006

• Run the nginx continer with this script

docker-run.sh

Local Install

• Install dependencies with

npm install

Development

• In one terminal, start a dev build that watches source files and rebuilds automatically

npm run watch

• In a separate terminal, create the development nginx container. This only needs to be done once for development.

  • In order for the following script to run, two environment variables to be set HXE_HOST and HXE_PORT, which is the host and port of the HANA REST service api Example: HXE_HOST=192.168.56.101 and HXE_PORT=51006

docker-nginx.sh

• After the image is built, run the nginx container with

docker-dev.sh

The nginx server will be running on https://localhost

Whenever you make code changes the watch task will automatically rebuild and the changes reflected on the running nginx web server.

Code scaffolding

• Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

• Run npm run build to build the project. The build artifacts will be stored in the dist/ directory.

Further help

To learn more about SAP HANA development capabilities, go to developers.sap.com

To learn about the docker configuration go to the docker docs

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

To get started with Angular, this is an excellent official tutorial

Mapbox component provided by ngx-mapbox-gl

Bootstrap components were created using ngx-bootstrap

Chart library by ng2-charts

Notifications done with angular-notifier