de:modul:ffit:3-jahr:cicd:learningunits:lu09:b

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
de:modul:ffit:3-jahr:cicd:learningunits:lu09:b [2026/04/06 16:22] – apeterde:modul:ffit:3-jahr:cicd:learningunits:lu09:b [2026/04/07 14:55] (aktuell) – apeter
Zeile 7: Zeile 7:
 Damit man von ausserhalb der AWS-Umgebung auf diesen Backend-Container zugriefen kann wurde in der BZZ-AWS-Build-Umgebung ein Forwarding aktiviert, welches HTTP-Anfragen, die dem erwarteten Muster entsprechend an den Port 5000 des entsprechenden Containers weiterleitet. Damit man von ausserhalb der AWS-Umgebung auf diesen Backend-Container zugriefen kann wurde in der BZZ-AWS-Build-Umgebung ein Forwarding aktiviert, welches HTTP-Anfragen, die dem erwarteten Muster entsprechend an den Port 5000 des entsprechenden Containers weiterleitet.
  
-Allgemein: ''${BASE_URL}/api/${PROJECT_NAME}/${BRANCH_NAME}/${PATH}'' -> "${PROJECT_NAME}_${BRANCH_NAME}_backend:5000/${PATH}"+Allgemein: ''${BASE_URL}/api/${PROJECT_NAME}/${BRANCH_NAME}/${PATH}'' -> ''${PROJECT_NAME}_${BRANCH_NAME}_backend:5000/${PATH}''
  
 +Konkrete Beispiele:
 +  * "http://54.80.83.95/api/cicd/develop/api/polls" -> "cicd_develop_backend:5000/api/polls"
 +  * "http://54.80.83.95/api/cicd/develop/api/votes" -> "cicd_develop_backend:5000/api/votes"
  
 <code ini> <code ini>
Zeile 16: Zeile 19:
 </code> </code>
  
-Das bedeutet, dass im Frontend sichergestellt werden muss, dass Aufrufe des Backends die richtige URL (/api/${PROJECT_NAME}/${BRANCH_NAME}/${PATH}) verwenden. +Das bedeutet, dass im Frontend sichergestellt werden muss, dass Aufrufe des Backends die richtige URL verwenden. 
 +^ Pipeline ^ Frontend ^ 
 +| <WRAP>
 <code bash> <code bash>
-                npm install +npm install 
-                            REACT_APP_API_BASE=/api/${PROJECT_NAME}/${BRANCH_NAME} \ +REACT_APP_API_BASE=/api/${PROJECT_NAME}/${BRANCH_NAME}/api \ 
-                 npm run build+npm run build
 </code> </code>
- +</WRAP> | <WRAP> 
-<code js>+<code javascript>
 const API_BASE = process.env.REACT_APP_API_BASE; const API_BASE = process.env.REACT_APP_API_BASE;
 ... ...
Zeile 32: Zeile 36:
 fetch(`${API_BASE}/polls`,... ) fetch(`${API_BASE}/polls`,... )
 </code> </code>
 +</WRAP> |
  
-Konkrete Beispiele: +Dasselbe gilt natürlich auch für das Backend, dessen Container richtig benannt und dessen Port korrekt gesetzt werden muss.
-  * "http://54.80.83.95/api/cicd/develop/polls" -> "cicd_develop_backend:5000/polls"+
  
-''"''+^ Pipeline ^ Backend ^ 
 +| <WRAP> 
 +<code bash> 
 +BACKEND_CONTAINER  = "${PROJECT_NAME}_${BRANCH_NAME}_backend" 
 +... 
 +docker build -t $BACKEND_CONTAINER backend/ 
 +docker run -d \ 
 +    --name $BACKEND_CONTAINER \ 
 +    ... 
 +    $BACKEND_CONTAINER 
 +</code> 
 +</WRAP> | <WRAP> 
 +<code python> 
 +flask_app = create_app() 
 +flask_app.run(debug=True, host="0.0.0.0", port=5000) 
 +</code> 
 +</WRAP> | 
 + 
 +Die Datenbank muss wiederum so konfiguriert werden, dass sie vom Backend angesprochen werden kann. 
 +<WRAP center round info 60%> 
 +Die Credentials werden hier im Klartext verwendet, damit die Funktionsweise klarer ist. In der Praxis werden natürlich Secrets dafür verwendet. 
 +</WRAP> 
 + 
 + 
 +^ Pipeline Backend ^ Pipeline Datenbank ^ 
 +| <WRAP> 
 +<code bash> 
 +DB_CONTAINER       = "${PROJECT_NAME}_${BRANCH_NAME}_db" 
 +DB_USER            = "appuser" 
 +DB_PASSWORD        = "apppassword" 
 +DB_NAME            = "appdb" 
 +... 
 +    -e DATABASE_URL="postgresql://$DB_USER:$DB_PASSWORD@$DB_CONTAINER:5432/$DB_NAME" \ 
 +</code> 
 +</WRAP> | <WRAP> 
 +<code bash> 
 +docker run -d \ 
 +    --name $DB_CONTAINER \ 
 +    -e POSTGRES_USER=$DB_USER \ 
 +    -e POSTGRES_PASSWORD=$DB_PASSWORD \ 
 +    -e POSTGRES_DB=$DB_NAME \ 
 +</code> 
 +</WRAP> | 
 + 
 +==== Beispiel-Deployment ==== 
 +Alle Stages für das Deployment von https://github.com/AlexanderPeter/cicd auf der AWS-Umgebung ist hier aufgeführt. 
 + 
 +<code bash> 
 +pipeline { 
 +    agent any 
 + 
 +    environment { 
 +        PROJECT_NAME       = "cicd" 
 +        BRANCH_NAME        = "develop" 
 +        REPO_URL           = "https://github.com/AlexanderPeter/${PROJECT_NAME}.git" 
 +        TARGET_DIR         = "/var/jenkins_home/projects/${PROJECT_NAME}/${BRANCH_NAME}" 
 +        SONAR_SCANNER_OPTS = "-Xmx512m" 
 +        BACKEND_CONTAINER  = "${PROJECT_NAME}_${BRANCH_NAME}_backend" 
 +        DB_CONTAINER       = "${PROJECT_NAME}_${BRANCH_NAME}_db" 
 +        DB_VOLUME          = "${PROJECT_NAME}_${BRANCH_NAME}_db_data" 
 +        DB_USER            = "appuser" 
 +        DB_PASSWORD        = "apppassword" 
 +        DB_NAME            = "appdb" 
 +    } 
 + 
 +    stages { 
 +        stage('Checkout') { 
 +            steps { 
 +                git branch: BRANCH_NAME, 
 +                    url: REPO_URL 
 +            } 
 +        } 
 +         
 +        stage('Start Database') { 
 +            when { 
 +                expression { false } 
 +            } 
 +            steps { 
 +                sh ''' 
 +                    echo "Starting DB with workspace $WORKSPACE" 
 +                     
 +                    docker stop $DB_CONTAINER || true 
 +                    docker rm $DB_CONTAINER || true 
 + 
 +                    docker run -d \ 
 +                      --name $DB_CONTAINER \ 
 +                      --network infra-net \ 
 +                      -e POSTGRES_USER=$DB_USER \ 
 +                      -e POSTGRES_PASSWORD=$DB_PASSWORD \ 
 +                      -e POSTGRES_DB=$DB_NAME \ 
 +                      -v $DB_VOLUME:/var/lib/postgresql/data \ 
 +                      -v $WORKSPACE/database:/docker-entrypoint-initdb.d \ 
 +                      postgres:17 
 +                ''' 
 +            } 
 +        } 
 +         
 +        stage('Initialize Database') { 
 +            when { 
 +                expression { false } 
 +            } 
 +            steps { 
 +                sh ''' 
 +                    TABLE_EXISTS=$(docker exec $DB_CONTAINER psql -U $DB_USER -d $DB_NAME -tAc "SELECT to_regclass('public.poll')") 
 +                    if [ "$TABLE_EXISTS" = "" ]; then 
 +                        echo "Initializing schema..." 
 +                        docker exec -i $DB_CONTAINER psql -U $DB_USER -d $DB_NAME < database/schema.sql 
 +                    else 
 +                        echo "Database already initialized." 
 +                    fi 
 +                ''' 
 +            } 
 +        } 
 +  
 + stage('Build Frontend') { 
 +            when { 
 +                expression { false } 
 +            } 
 +            steps { 
 +                dir('frontend') { 
 +                    sh ''' 
 +                 npm install 
 +         GENERATE_SOURCEMAP=false \ 
 +                NODE_OPTIONS="--max-old-space-size=1024" \ 
 +                PUBLIC_URL=/projects/${PROJECT_NAME}/${BRANCH_NAME} \ 
 +                REACT_APP_API_BASE=/api/${PROJECT_NAME}/${BRANCH_NAME}/api \ 
 +                npm run build 
 +                    ''' 
 +                } 
 +            } 
 +        } 
 +  
 +        stage('Deploy Frontend') { 
 +            when { 
 +                expression { false } 
 +            } 
 +            steps { 
 +                sh ''' 
 +                    echo "Deploying frontend to $TARGET_DIR" 
 + 
 +                    mkdir -p "$TARGET_DIR" 
 +                    rm -rf "$TARGET_DIR"/* 
 + 
 +                    cp -r frontend/build/* "$TARGET_DIR"/ 
 +                ''' 
 +            } 
 +        } 
 +         
 +        stage('Deploy Backend') { 
 +            when { 
 +                expression { false } 
 +            } 
 +            steps { 
 +                sh ''' 
 +                    docker build -t $BACKEND_CONTAINER backend/ 
 +                     
 +                    docker stop $BACKEND_CONTAINER || true 
 +                    docker rm $BACKEND_CONTAINER || true 
 + 
 +                    docker run -d \ 
 +                        --name $BACKEND_CONTAINER \ 
 +                        --network infra-net \ 
 +                        -e DATABASE_URL="postgresql://$DB_USER:$DB_PASSWORD@$DB_CONTAINER:5432/$DB_NAME" \ 
 +                        $BACKEND_CONTAINER 
 +                ''' 
 +            } 
 +        } 
 +    } 
 +} 
 + 
 +</code>
  
-''TODO'' 
  • de/modul/ffit/3-jahr/cicd/learningunits/lu09/b.1775485337.txt.gz
  • Zuletzt geändert: 2026/04/06 16:22
  • von apeter