summaryrefslogtreecommitdiffstats
path: root/README.md
blob: 40e0084b42899e85c79e9c0362fd99ba858a6b29 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
# portal-ng

## Getting started
The portal-ng ui can either be developed against a remote cluster or it's dependencies can be run locally on your machine.

### Developing against a remote cluster
To develop against a remote cluster, the webpack proxy needs to be configured to forward requests to the remote cluster urls.
For that we are providing a `staging.proxy.config.json.template` file that needs to be adjusted with your cluster hostnames and then saved as `staging.proxy.config.json`.
After that, you can either use `npm start` or the `staging.sh` to launch the portal-ng in development mode:

```sh
./staging.sh
```

```sh
npm start
```

### Developing against local containers
We are providing a docker-compose file that can be used to spin up the portal-ng and it's dependencies (like Keycloak or the bff) on your machine.

To do that, execute the `run.sh` in the development folder:

```sh
development/run.sh
```

To stop the portal-ng, portal backend services, Keycloak and the databases run:

```sh
development/stop.sh
```

### Access the ui
Example requests against the portal backend service can be run in your preferred IDE with the `request.http` file from the development folder.

You can access the portal-ng UI via browser with different default user accounts. Note that these accounts have different roles and differ accordingly
in what they are allowed to see in the portal.

URL: http://localhost

``` yaml
username: onap-admin
password: password

username: onap-designer
password: password

username: onap-operator
password: password
```

You can access the Keycloak UI via browser.

URL: http://localhost:8080

``` yaml
username: admin
password: password
```

## Docker
### Build the docker image

Run `npm run build -- --prod --base-href=/portal-ui/` to get a production build of the project, this will be used in the `docker build`.

In the configuration of nginx (the `nginx.template`) we have a few environment variables that need to be set.

```sh
export NGINX_PORT=80
export BFF_URL=http://bff:9080/
export WIREMOCK_URL=http://wiremock:8080/
```

Finally, build the image with

```sh
docker build -t portal-ng .
```

### Run the docker image

```sh
docker run -e "NGINX_PORT=80" -e "BFF_URL=http:bff:9080/" -e "WIREMOCK_URL=http://wiremock:8080/" -p 8080:80 portal-ng
```

Note that this will not work on its own, because the referenced containers (`BFF` and `WIREMOCK`) are most likely not available in your local environment.
You would have to run them as well, or pass in other urls (like `example.com`) to get the container running locally.
Obviously this does not get you very far though.