Azure App Service — Animate | AI Wisdom

← Back to topic
🎞 ANIMATE · Mode 3 of 5 · +100 XP— App Service
📋Configure
⚙️Build
🔄Deploy
✅Swap
🎯 Next: Test →
Step 1 / 4
Speed
Configuring
Trigger on push to main — CI/CD starts automatically💡 Analogy
Like auto-publish on a blog platform — you write the post, click save, and it goes live.
The workflow triggers on every push to main. Azure App Service gets updated automatically — no manual deployments.
Console Output
> Workflow triggered by push to main
> Commit: feat(api): add user endpoint by @alice
●app-service.yml
ConfiguringL1–7
1# GitHub Actions — Deploy to Azure App Service
2name: Deploy to App Service
3on:
4  push:
5    branches: [main]
6 
7jobs:
8  build-and-deploy:
9    runs-on: ubuntu-latest
10    steps:
11    - uses: actions/checkout@v4
12 
13    - name: Set up Node.js
14      uses: actions/setup-node@v4
15      with:
16        node-version: '20'
17        cache: 'npm'
18 
19    - name: Install and build
20      run: |
21        npm ci
22        npm run build
23 
24    - name: Deploy to Azure Web App
25      uses: azure/webapps-deploy@v3
26      with:
27        app-name: my-api-prod
28        publish-profile: ${{ secrets.AZURE_WEBAPP_PUBLISH_PROFILE }}
29        package: .
30 
31    - name: Slot swap (blue/green)
32      uses: azure/CLI@v1
33      with:
34        inlineScript: |
35          az webapp deployment slot swap             --name my-api-prod             --resource-group my-rg             --slot staging             --target-slot production
35 lines
Timeline — 4 Steps
Configuring
Trigger on push to main — CI/CD starts automatically💡 Analogy
Like auto-publish on a blog platform — you write the post, click save, and it goes live.
The workflow triggers on every push to main. Azure App Service gets updated automatically — no manual deployments.
Console Output
> Workflow triggered by push to main
> Commit: feat(api): add user endpoint by @alice

Was this page helpful?

Discussion

Trigger on push to main — CI/CD starts automatically

💡 Analogy

Like auto-publish on a blog platform — you write the post, click save, and it goes live.

The workflow triggers on every push to main. Azure App Service gets updated automatically — no manual deployments.

Console Output

> Workflow triggered by push to main
> Commit: feat(api): add user endpoint by @alice

Trigger on push to main — CI/CD starts automatically

💡 Analogy

Like auto-publish on a blog platform — you write the post, click save, and it goes live.

The workflow triggers on every push to main. Azure App Service gets updated automatically — no manual deployments.

Console Output

> Workflow triggered by push to main
> Commit: feat(api): add user endpoint by @alice