Skip to content

Commit 090b2a5

Browse files
authored
Merge pull request #1268 from eclipse-tractusx/feature/511-local-development-setup
Feature/511 local development setup
2 parents 1f77f37 + 6703491 commit 090b2a5

File tree

7 files changed

+140
-283
lines changed

7 files changed

+140
-283
lines changed

CHANGELOG.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,9 @@ _**For better traceability add the corresponding GitHub issue number in each cha
2020
- #1244 upgraded registry from 0.4.1 to 0.5.0
2121
- #XXX update e2e-tests-xray_frontend.yml to support association int environment
2222

23+
### Added
24+
- #511 Added installation guide for local frontend with umbrella chart
25+
2326
## [13.0.0 - 19.07.2024]
2427

2528
### Added

INSTALL.md

Lines changed: 118 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,124 @@
11
# Installation Instructions
22

3+
## Installation Instructions Helm
4+
5+
### Install Helm chart from the Helm chart repository
6+
7+
```
8+
# 1. Add the helm chart repository:
9+
helm repo add tractusx-dev https://eclipse-tractusx.github.io/charts/dev
10+
```
11+
12+
```
13+
# 2. Install traceability-foss chart into your cluster:
14+
helm install traceability-foss tractusx-dev/traceability-foss
15+
```
16+
### Use Helm chart as dependency on your own Helm chart
17+
18+
```
19+
dependencies:
20+
- name: traceability-foss
21+
repository: https://eclipse-tractusx.github.io/traceability-foss
22+
version: 1.x.x
23+
```
24+
25+
### Configure product-example Helm chart on your needs
26+
27+
Please have a look into our [Helm chart documentation](charts/traceability-foss/README.md) for more information about the configuration options.
28+
329
## Installation Instructions Frontend
430

5-
- [Installation Instructions Frontend](frontend/INSTALL.md)
31+
### Prerequisites
32+
33+
* [Node.js 18](https://nodejs.org/en)
34+
* [Angular CLI](https://angular.io/cli)
35+
* [YARN](https://yarnpkg.com/)
36+
37+
### Getting started
38+
39+
Clone the source locally:
40+
41+
```bash
42+
$ git clone [email protected]:eclipse-tractusx/traceability-foss.git
43+
$ cd traceability-foss/frontend
44+
```
45+
46+
#### Install prerequisites:
47+
48+
install [node.js](https://nodejs.org/en/download/package-manager)
49+
```bash
50+
$ npm install --global yarn
51+
$ npm install -g @angular/cli
52+
$ yarn install
53+
```
54+
55+
Start application with ``yarn start`` and navigate to ``http://localhost:4200``.
56+
57+
To run the frontend locally with an already existing backend, use the run configs in [frontend/package.json](frontend/package.json).
58+
59+
Add a run config by creating a new entry in [package.json](frontend/package.json) similar to `"start:auth": "ng serve --configuration=dev,auth"` and adding a entry in [angular.json](frontend/angular.json) at "projects.trace-x.architect.build.configuratns" and "projects.trace-x.architect.serve.configurations".
60+
61+
Add an environment by creating new file in [frontend/src/environments](frontend/src/environments) and reference it in the [package.json](frontend/package.json) build configuration.
62+
63+
## Installation Instructions Local Umbrella
64+
65+
### Install Umbrella
66+
67+
Using the [eclipse-tractusx/tractus-x-umbrella](https://github.com/eclipse-tractusx/tractus-x-umbrella) helm chart, all traceability-foss dependencies can be installed locally.
68+
69+
For detailed instructions on how to set up the umbrella chart, see the chapters "Cluster setup" and "Network setup" in the umbrella [README.md](https://github.com/eclipse-tractusx/tractus-x-umbrella/blob/main/charts/umbrella/README.md).
70+
71+
Clone the [Umbrella repo](https://github.com/eclipse-tractusx/tractus-x-umbrella) (only required once):
72+
73+
```
74+
git clone https://github.com/eclipse-tractusx/tractus-x-umbrella.git
75+
```
76+
77+
Check out the [Trace-X umbrella integration branch](https://github.com/eclipse-tractusx/tractus-x-umbrella/tree/chore/trace-x-integration):
78+
79+
```
80+
cd tractus-x-umbrella/
81+
git fetch origin
82+
git checkout -b chore/trace-x-integration origin/chore/trace-x-integration
83+
```
84+
85+
Build the required images for Idp and IATP mock.
86+
87+
#### Powershell
88+
```powershell
89+
& minikube -p minikube docker-env --shell powershell | Invoke-Expression
90+
docker build init-container/ -t init-container:testing
91+
docker build iatp-mock/ -t tractusx/iatp-mock:testing --platform linux/amd64
92+
```
93+
94+
#### Bash
95+
```bash
96+
eval $(minikube docker-env)
97+
docker build init-container/ -t init-container:testing
98+
docker build iatp-mock/ -t tractusx/iatp-mock:testing --platform linux/amd64
99+
```
100+
101+
Install the umbrella chart using the [values-adopter-trace-x.yaml](https://github.com/eclipse-tractusx/tractus-x-umbrella/blob/chore/trace-x-integration/charts/umbrella/values-adopter-trace-x.yaml)
102+
103+
```
104+
helm dependency update charts/tx-data-provider/
105+
helm dependency update charts/umbrella/
106+
helm install umbrella charts/umbrella/ -n umbrella --create-namespace -f charts/umbrella/values-adopter-trace-x.yaml
107+
```
108+
109+
### Local Frontend with Umbrella Trace-X backend
110+
111+
To integrate with the umbrella services, run the frontend with `start:auth:localUmbrella`
112+
113+
Afterward, use one of the following users to log into the CX-Operator realm:
114+
115+
| Role | Username | Password |
116+
|------------|---------------------------|-------------------------------|
117+
| Supervisor | [email protected] | tractusx-umbr3lla!-supervisor |
118+
| Admin | [email protected] | tractusx-umbr3lla!-admin |
119+
| User | [email protected] | tractusx-umbr3lla!-user |
6120

7-
## Installation Instructions Backend
121+
### Out of scope
8122

9-
- [Installation Instructions Backend](tx-backend/INSTALL.md)
123+
- Sending/receiving of quality notifications is not supported, since it would require another tracex instance.
124+
- IRS Asset Sync does not yet work with IRS 5.4.0. It requires a new release of IRS which provides a fix for callback url validation.

README.md

Lines changed: 7 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -20,24 +20,19 @@ A high level of transparency across the supplier network enables faster interven
2020
- [Introduction](#introduction)
2121
- [Vision and Mission Statement](#vision-and-mission-statement)
2222
- [Trace-X Feature list](#trace-x-feature-list)
23+
- [Installation](#installation)
2324
- [How to contribute](#how-to-contribute)
2425
- [Releasing](#releasing)
25-
- [Environments](#environments)
2626
- [Frontend Application](#frontend-application)
2727
- [Challenges and solutions](#challenges-and-solutions)
28-
- [Prerequisites](#frontend-prerequisites)
29-
- [Installation](#frontend-installation)
30-
- [Getting started](#getting-started)
3128
- [Application authentication](#application-authentication)
3229
- [Application architecture & patterns](#application-architecture--patterns)
3330
- [User guide](#user-guide)
3431
- [Frontend Testing strategy](#frontend-testing-strategy)
35-
- [The backend application](#the-backend-application)
32+
- [The backend application](#backend-application)
3633
- [Prerequisites](#backend-prerequisites)
37-
- [Installation](#backend-installation)
3834
- [Backend Testing strategy](#backend-testing-strategy)
3935
- [API documentation](#api-documentation)
40-
- [Container Image](#container-image)
4136
- [Licenses](#licenses)
4237
- [Notice for Docker image](#notice-for-docker-image)
4338
- [Contact](#contact)
@@ -78,6 +73,10 @@ Trace-X as the Open-Source solution for Parts Traceability offers the following
7873
* Quality Investigations (Company to Supplier)
7974
* Quality Alerts (Company to Customers)
8075

76+
## Installation
77+
78+
* see [Installation guide](INSTALL.md)
79+
8180
## How to contribute
8281

8382
A detailed guide on how to contribute can be found [here](CONTRIBUTING.md).
@@ -105,36 +104,6 @@ Our first approach was to use HTML canvas. But it turned out it is hard to perfo
105104
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.
106105
Because it uses SVGs, we knew it will perform great. And we are able to have pinpoint accuracy when it comes to user actions.
107106

108-
### Frontend Prerequisites
109-
110-
* [Node.js 18](https://nodejs.org/en)
111-
* [Angular CLI](https://angular.io/cli)
112-
* [YARN](https://yarnpkg.com/)
113-
114-
### Frontend Installation
115-
116-
* see [Installation guide](frontend/INSTALL.md)
117-
118-
### Getting started
119-
120-
Clone the source locally:
121-
122-
```bash
123-
$ git clone [email protected]:eclipse-tractusx/traceability-foss.git
124-
$ cd traceability-foss/frontend
125-
```
126-
127-
#### Install prerequisites:
128-
129-
install [node.js](https://nodejs.org/en/download/package-manager)
130-
```bash
131-
$ npm install --global yarn
132-
$ npm install -g @angular/cli
133-
$ yarn install
134-
```
135-
136-
Start application with ``yarn start`` and navigate to ``http://localhost:4200``.
137-
138107
### Application Authentication
139108

140109
Please find [here](frontend/AUTHENTICATION.md) some important information about the app authentication.
@@ -146,7 +115,7 @@ so that you end up with a well-structured app.
146115

147116
### User Guide
148117

149-
A detailed [explanation](docs/user/user-manual.adoc) of how to use the application.
118+
A detailed [explanation](docs/src/docs/user/user-manual.adoc) of how to use the application.
150119

151120
### Frontend Testing Strategy
152121
See [Testing](frontend/TESTING.md).
@@ -158,10 +127,6 @@ See [Testing](frontend/TESTING.md).
158127
* JDK 21
159128
* [Docker Engine](https://docs.docker.com/engine/)
160129

161-
### Backend Installation
162-
163-
* see [Installation guide](tx-backend/INSTALL.md)
164-
165130
### Backend Testing Strategy
166131
See [Testing](tx-backend/TESTING.md).
167132

frontend/INSTALL.md

Lines changed: 0 additions & 145 deletions
This file was deleted.

0 commit comments

Comments
 (0)