Update CI CD

Author: DucBaoUIT

.github/workflows/deploymentCD.yaml

@@ -0,0 +1,59 @@
+name: Continuous Deployment for Frontend
+
+on:
+  workflow_run:
+    workflows: ["Continuous Integration for Frontend"]
+    types:
+      - completed
+  
+
+jobs:
+  deploy:
+    name: Deploy to GKE Autopilot
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Build the application
+        run: |
+          npm ci
+          npm run build 
+        env:
+          CI: ""
+
+      - name: Install OpenVPN
+        run: sudo apt-get update && sudo apt-get install -y openvpn
+    
+      - name: Connect to VPN
+        env:
+          VPN_USERNAME: ${{ secrets.VPN_USERNAME }}
+          VPN_PASSWORD: ${{ secrets.VPN_PASSWORD }}
+        run: |
+          echo "${{ secrets.VPN_PROFILE_BASE64 }}" | base64 --decode > profile-559.ovpn
+          echo -e "${VPN_USERNAME}\n${VPN_PASSWORD}" > vpn-auth.txt
+          sudo openvpn --config profile-559.ovpn --auth-user-pass vpn-auth.txt --daemon
+          sleep 10
+          rm vpn-auth.txt
+          rm profile-559.ovpn
+
+      - name: Deploy to Server
+        uses: appleboy/[email protected]
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USERNAME }}
+          key: ${{ secrets.SERVER_SSH_KEY }}
+          script: |
+            cd /home/ubuntu/K8S
+            sudo kubectl apply -f react-app-deployment.yaml
+        
+  notifications:
+      needs: deploy
+      uses: ./.github/workflows/notifyCD.yaml
+      secrets:
+        SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}

.github/workflows/main.yaml

@@ -33,26 +33,26 @@ jobs:
       - name: Set up MongoDB URI
         run: echo "SPRING_DATA_MONGODB_URI=mongodb://localhost:27017/frontend" >> $GITHUB_ENV
 
-  # sonar-cloud-scan:
-  #   needs: testing
-  #   uses: ./.github/workflows/sonarqube-scan.yaml
-  #   secrets: 
-  #     SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
+  sonar-cloud-scan:
+    needs: testing
+    uses: ./.github/workflows/sonarqube-scan.yaml
+    secrets: 
+      SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
 
   build-image:
     needs: testing
     uses: ./.github/workflows/build-image.yaml
     secrets:
       DOCKER_HUB_ACCESS_TOKEN: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}
 
-#   scan-image:
-#     needs: build-image
-#     uses: ./.github/workflows/scan-image.yaml
+  scan-image:
+    needs: build-image
+    uses: ./.github/workflows/scan-image.yaml
 
-  # notify:
-  #   needs: scan-image
-  #   uses: ./.github/workflows/notifyCI.yaml
-  #   secrets:
-  #     SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+  notify:
+    needs: scan-image
+    uses: ./.github/workflows/notifyCI.yaml
+    secrets:
+      SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
 
   ### Push image ###

.github/workflows/notifyCD.yaml

@@ -0,0 +1,36 @@
+name: Send Slack Notification for Frontend
+
+on:
+  workflow_call:
+    secrets:
+      SLACK_WEBHOOK_URL:
+        required: true
+
+jobs:
+  success_notifier:
+    if: success()
+    runs-on: ubuntu-latest
+    steps:
+      - name: Send success notification on Slack
+        uses: slackapi/[email protected]
+        with:
+          payload: |
+            {
+              "text": "The Continuous Deployment for Frontend workflow has completed successfully."
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+
+  failure_notifier:
+    if: failure()
+    runs-on: ubuntu-latest
+    steps:
+      - name: Send failure notification on Slack
+        uses: slackapi/[email protected]
+        with:
+          payload: |
+            {
+              "text": "The Continuous Deployment for Frontend workflow has failed."
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}