Update azure-webapps-node.yml3

Author: ing-alruiz

.github/workflows/azure-webapps-node.yml

@@ -1,43 +1,90 @@
-name: Simple Azure Deploy
+name: Deploy React (Vite) App to Azure Web App
 
 on:
+  push:
+    branches:
+      - main
   workflow_dispatch:
 
 jobs:
   build:
     runs-on: ubuntu-latest
+    permissions:
+      contents: read
+
     steps:
       - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
           node-version: '20.x'
-      
-      - name: Install and build
+          cache: 'npm'
+
+      - name: Clean npm cache
+        run: npm cache clean --force
+
+      - name: Delete lock file and reinstall
         run: |
+          rm -f package-lock.json
           npm install
-          npm run build
-      
-      - name: Upload files
+
+      - name: Build application
+        run: npm run build
+
+      - name: Create production package.json
+        run: |
+          cat > dist/package.json << 'EOF'
+          {
+            "name": "porfolio-production",
+            "version": "1.0.0",
+            "engines": {
+              "node": "20.x",
+              "npm": "10.x"
+            },
+            "scripts": {
+              "start": "serve -s . -p ${PORT:-8080}"
+            },
+            "dependencies": {
+              "serve": "^14.2.4"
+            }
+          }
+          EOF
+
+      - name: Install serve in dist directory
+        run: |
+          cd dist
+          npm install --only=production
+
+      - name: Upload artifact
         uses: actions/upload-artifact@v4
         with:
-          name: webapp
+          name: node-app
           path: dist
 
   deploy:
     runs-on: ubuntu-latest
     needs: build
+    permissions:
+      id-token: write
+      contents: read
+
     steps:
-      - uses: actions/download-artifact@v4
+      - name: Download artifact
+        uses: actions/download-artifact@v4
         with:
-          name: webapp
-      
-      - uses: azure/login@v2
+          name: node-app
+
+      - name: Login to Azure
+        uses: azure/login@v2
         with:
           client-id: ${{ secrets.AZUREAPPSERVICE_CLIENTID_646B290AC1724693B164CD3D4947B353 }}
           tenant-id: ${{ secrets.AZUREAPPSERVICE_TENANTID_BD250A8452F0421B94ECF3BD50BFDC47 }}
           subscription-id: ${{ secrets.AZUREAPPSERVICE_SUBSCRIPTIONID_A0A3E69559D143F8A11E4E6CD7432251 }}
 
-      - uses: azure/webapps-deploy@v3
+      - name: Deploy to Azure
+        uses: azure/webapps-deploy@v3
         with:
           app-name: 'albertoruiz'
+          slot-name: 'Production'
           package: .