Add or update the Azure App Service build and deployment workflow config

This commit is contained in:
idittrich-valueon 2025-06-04 21:07:57 +02:00
parent f67c5202c9
commit c18e8b357b

View file

@ -1,64 +1,74 @@
name: Deploy React App to Azure Web App
# Docs for the Azure Web Apps Deploy action: https://github.com/Azure/webapps-deploy
# More GitHub Actions for Azure: https://github.com/Azure/actions
name: Build and deploy Node.js app to Azure Web App - poweron-nyla-int
on:
push:
branches:
- int # oder dein Branch
workflow_dispatch: # Ermöglicht manuelles Triggern
- int
workflow_dispatch:
jobs:
build-and-deploy:
build:
runs-on: ubuntu-latest
permissions:
contents: read #This is required for actions/checkout
steps:
- name: Checkout Code
uses: actions/checkout@v3
- uses: actions/checkout@v4
- name: Setup Node.js
- name: Set up Node.js version
uses: actions/setup-node@v3
with:
node-version: '18'
cache: 'npm' # Aktiviert Caching für schnellere Builds
node-version: '18.x'
- name: Install dependencies
- name: npm install, build, and test
run: |
npm ci
npm install express
npm install
npm run build --if-present
npm run test --if-present
- name: Build React app
run: npm run build
- name: Zip artifact for deployment
run: zip release.zip ./* -r
- name: Create server.js for Azure
run: |
# Create ES module compatible server.js directly in root
echo "import express from 'express';" > server.js
echo "import path from 'path';" >> server.js
echo "import { fileURLToPath } from 'url';" >> server.js
echo "" >> server.js
echo "const __filename = fileURLToPath(import.meta.url);" >> server.js
echo "const __dirname = path.dirname(__filename);" >> server.js
echo "" >> server.js
echo "const app = express();" >> server.js
echo "" >> server.js
echo "app.use(express.static(path.join(__dirname, 'dist')));" >> server.js
echo "" >> server.js
echo "app.get('/*', function(req, res) {" >> server.js
echo " res.sendFile(path.join(__dirname, 'dist', 'index.html'));" >> server.js
echo "});" >> server.js
echo "" >> server.js
echo "const port = process.env.PORT || 8080;" >> server.js
echo "app.listen(port, '0.0.0.0', () => {" >> server.js
echo " console.log(\`Server running on port \${port}\`);" >> server.js
echo " console.log(\`Serving from: \${__dirname}/dist\`);" >> server.js
echo "});" >> server.js
# Verify the file was created
echo "=== server.js content ==="
cat server.js
- name: Upload artifact for deployment job
uses: actions/upload-artifact@v4
with:
name: node-app
path: release.zip
deploy:
runs-on: ubuntu-latest
needs: build
environment:
name: 'Production'
url: ${{ steps.deploy-to-webapp.outputs.webapp-url }}
permissions:
id-token: write #This is required for requesting the JWT
contents: read #This is required for actions/checkout
steps:
- name: Download artifact from build job
uses: actions/download-artifact@v4
with:
name: node-app
- name: Unzip artifact for deployment
run: unzip release.zip
- name: Login to Azure
uses: azure/login@v2
with:
client-id: ${{ secrets.AZUREAPPSERVICE_CLIENTID_F22B84BEF16242F48E913761794EFA64 }}
tenant-id: ${{ secrets.AZUREAPPSERVICE_TENANTID_91A621FECC4E4239B35E8842FAD714A4 }}
subscription-id: ${{ secrets.AZUREAPPSERVICE_SUBSCRIPTIONID_89F1F8736D6D4566AF238A83525E0BD5 }}
- name: 'Deploy to Azure Web App'
id: deploy-to-webapp
uses: azure/webapps-deploy@v3
with:
app-name: 'poweron-nyla'
publish-profile: ${{ secrets.AZUREAPPSERVICE_PUBLISHPROFILE_D6C9359A57C5448A8C0BFA2D4C4B2068 }}
clean: true
app-name: 'poweron-nyla-int'
slot-name: 'Production'
package: .