Put Angular project into Docker containers

.github/workflows/pr-e2e.yml

@@ -18,16 +18,7 @@ jobs:
       - uses: actions/checkout@v2
       - name: Start Docker containers
         working-directory: .
-        run: docker-compose --project-directory . -f env/local/docker-compose.local.yml up -d
-      - uses: actions/setup-node@v3
-        with:
-          node-version: ${{ matrix.node-version }}
-      - run: npm install
-        name: Install SPA dependencies
-        working-directory: ./src/spa
-      - run: npm start
-        name: Run SPA
-        working-directory: ./src/spa
+        run: docker-compose --project-directory . -f env/local/docker-compose.local.yml -f env/e2e/docker-compose.e2e.yml up -d
       - run: npm install
         name: Install E2E dependencies
         working-directory: ./e2e

env/e2e/_down.sh

@@ -0,0 +1,2 @@
+#!/bin/bash
+docker-compose -f docker-compose.yml -f env/e2e/docker-compose.e2e.yml down

env/e2e/_up.sh

@@ -0,0 +1,2 @@
+#!/bin/bash
+docker-compose -f docker-compose.yml -f env/e2e/docker-compose.e2e.yml up --build

env/e2e/docker-compose.e2e.yml

@@ -0,0 +1,11 @@
+version: "3"
+services:
+  spa:
+    build: ./src/spa
+    ports:
+      - "4200:80"
+    networks:
+      - secrets-net
+
+networks:
+  secrets-net:

src/api/SecretsSharingTool.Web/Program.cs

@@ -32,8 +32,10 @@
     options.AddPolicy(name: MyAllowSpecificOrigins,
         policy  =>
         {
-            policy.AllowAnyOrigin();
-            policy.AllowAnyHeader();
+            policy
+                .WithOrigins("http://localhost:4200", "http://spa")
+                .AllowAnyHeader()
+                .AllowAnyMethod();
         });
 });
 

src/spa/Dockerfile

@@ -0,0 +1,9 @@
+FROM node:latest as node
+WORKDIR /app
+COPY . .
+RUN npm install
+RUN npm run build --prod
+
+FROM nginx:alpine
+COPY --from=node /app/dist/spa /usr/share/nginx/html
+EXPOSE 80

src/spa/angular.json

@@ -52,7 +52,7 @@
                 {
                   "type": "anyComponentStyle",
                   "maximumWarning": "2kb",
-                  "maximumError": "4kb"
+                  "maximumError": "10kb"
                 }
               ],
               "fileReplacements": [

src/spa/src/environments/environment.prod.ts

@@ -1,3 +1,5 @@
 export const environment = {
-  production: true
+  production: true,
+  appUrl: "http://localhost:4200",
+  apiUrl: "http://localhost:5000"
 };