TEST CI PIPELINE

.github/workflows/ci-pr.yml

@@ -0,0 +1,34 @@
+on:
+  pull_request:  # Ce workflow se déclenche uniquement sur les MR
+
+jobs:
+  ci_merge_request:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      # Backend
+      - name: Setup .NET SDK
+        uses: actions/setup-dotnet@v4
+        with:
+          dotnet-version: '9.0.x'
+
+      - name: Build backend
+        run: dotnet build --configuration Release
+        working-directory: ./backend
+
+      # Frontend
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '21.7.1'
+
+      - name: Build frontend
+        run: npm install && npm run build
+        working-directory: ./frontend
+
+      - name: Lint frontend
+        run: npm run lint
+        working-directory: ./frontend

.github/workflows/ci.yml

@@ -0,0 +1,100 @@
+# --------------------------
+# Pipeline CI
+# Déclenche uniquement sur push d'un tag vMAJOR.MINOR.PATCH
+# --------------------------
+name: "ci_pipeline"
+on:
+  push:
+    tags:
+      - 'v[0-9]+.[0-9]+.[0-9]+'
+
+jobs:
+    # --------------------------
+  # CI Frontend : build & artifact
+  # --------------------------
+  ci_frontend:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '21.7.1'
+
+      - name: Install & Build Frontend
+        run: npm install && npm run build
+        env:
+          VITE_APP_VERSION: ${{ github.ref_name }}
+        working-directory: ./frontend
+
+      - name: Upload Frontend Artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: frontend-dist
+          path: ./frontend/dist
+          retention-days: 2
+
+  package_version:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    needs: [ci_frontend]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '21.7.1'
+
+      # 1. On change la version dans le fichier package.json localement
+      - name: Update package.json version
+        working-directory: ./frontend
+        run: npm version ${{ github.ref_name }} --no-git-tag-version
+
+      # 2. On sauvegarde ce changement sur le dépôt GitHub
+      - name: Commit and Push version update
+        run: |
+          git config --global user.name "github-actions[bot]"
+          git config --global user.email "github-actions[bot]@users.noreply.github.com"
+          git add frontend/package.json
+          # Le [skip ci] est crucial pour ne pas relancer le pipeline en boucle !
+          git commit -m "chore: bump version to ${{ github.ref_name }} [skip ci]"
+          git push origin HEAD:main
+
+  # --------------------------
+  # CI Backend : publish & artifact
+  # --------------------------
+  ci_backend:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup .NET SDK
+        uses: actions/setup-dotnet@v4 
+        with:
+          dotnet-version: '9.0.x'
+
+      - name: Publish Backend
+        run: dotnet publish -c Release -o ./myapp
+        working-directory: ./backend
+
+      - name: Upload Backend Artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: backend-publish
+          path: ./backend/myapp
+          retention-days: 2

.github/workflows/deploy-infra-and-apps.yml

@@ -0,0 +1,137 @@
+# --------------------------
+# Pipeline CD
+# Déclenche uniquement sur la complétion du CI pipeline
+# --------------------------
+name: "cd_pipeline"
+on:
+  workflow_run:
+    workflows: ["ci_pipeline"] 
+    types: completed
+
+
+# Variables globales pour le workflow
+env: 
+  AZURE_RG_NAME: rg-${{ vars.PROJECT_NAME }}-${{ vars.AZURE_RESOURCE_IDENTIFIER }}
+
+jobs:
+
+  # --------------------------
+  # CD : Déployer l'infrastructure
+  # --------------------------
+  deploy_infrastructure:
+    runs-on: ubuntu-latest
+    if: ${{ github.event.workflow_run.conclusion == 'success' }}
+    permissions:
+      id-token: write
+      contents: read
+    environment: production
+
+    outputs:
+      appServiceName: ${{ steps.bicep_deploy.outputs.appServiceName }}
+      staticWebAppName: ${{ steps.bicep_deploy.outputs.staticWebAppName }}
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Login to Azure
+        uses: azure/login@v2
+        with:
+          client-id: ${{ secrets.AZURE_CLIENT_ID }}
+          tenant-id: ${{ secrets.AZURE_TENANT_ID }}
+          subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
+          enable-AzPSSession: true
+
+      - name: Create resource group if not exists
+        run: |
+          az group show --name ${{ env.AZURE_RG_NAME }} || \
+          az group create --name ${{ env.AZURE_RG_NAME }} --location ${{ secrets.AZURE_REGION }}
+
+      - name: Deploy Bicep
+        id: bicep_deploy
+        uses: azure/arm-deploy@v2
+        with:
+          subscriptionId: ${{ secrets.AZURE_SUBSCRIPTION }}
+          region: ${{ secrets.AZURE_REGION }}
+          template: ./infrastructure/main.bicep
+          parameters: project=${{ vars.PROJECT_NAME }} location=${{ secrets.AZURE_REGION }} swaLocation=${{ secrets.AZURE_SWA_REGION }} identifier=${{ vars.AZURE_RESOURCE_IDENTIFIER }}
+          resourceGroupName: ${{ env.AZURE_RG_NAME }}
+
+  # --------------------------
+  # CD Backend : télécharger artifact & déployer
+  # --------------------------
+  deploy_backend:
+    runs-on: ubuntu-latest
+    needs: [deploy_infrastructure]
+    permissions:
+      id-token: write
+      contents: read
+      actions: read
+    environment: production
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+
+      - name: Download Backend Artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: backend-publish
+          run-id: ${{ github.event.workflow_run.id }}
+          path: ./backend-publish
+
+      - name: Login to Azure
+        uses: azure/login@v2
+        with:
+          client-id: ${{ secrets.AZURE_CLIENT_ID }}
+          tenant-id: ${{ secrets.AZURE_TENANT_ID }}
+          subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
+
+      - name: Deploy Backend to App Service
+        uses: azure/webapps-deploy@v2
+        with:
+          app-name: ${{ needs.deploy_infrastructure.outputs.appServiceName }}
+          package: ./backend-publish
+
+  # --------------------------
+  # CD Frontend : télécharger artifact & déployer
+  # --------------------------
+  deploy_frontend:
+    runs-on: ubuntu-latest
+    permissions:
+      id-token: write
+      contents: read
+      actions: read
+    needs: [deploy_infrastructure]
+    environment: production
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Download Frontend Artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: frontend-dist
+          run-id: ${{ github.event.workflow_run.id }}
+          path: ./frontend/dist
+
+      - name: Login to Azure
+        uses: azure/login@v2
+        with:
+          client-id: ${{ secrets.AZURE_CLIENT_ID }}
+          tenant-id: ${{ secrets.AZURE_TENANT_ID }}
+          subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
+
+      - name: Get Static Web App Deployment Token
+        run: |
+          SWA_DEPLOYMENT_TOKEN=$(az staticwebapp secrets list -n ${{ needs.deploy_infrastructure.outputs.staticWebAppName }} -o tsv --query properties.apiKey)
+          echo "SWA_DEPLOYMENT_TOKEN=$SWA_DEPLOYMENT_TOKEN" >> $GITHUB_ENV
+
+      - name: Deploy Frontend to Static Web App
+        uses: azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ env.SWA_DEPLOYMENT_TOKEN }}
+          app_location: ./frontend/dist
+          action: upload
+          skip_app_build: true
+          skip_api_build: true

README.md

@@ -1,111 +1,2 @@
 # Description
-`ParkNDeploy` is an introductory DevOps course designed to guide you through deploying a basic Parking Finder App on Azure.
-
-It follows [GitRDone](https://github.com/jraillard/gitrdone), a hands-on course to get you up to speed with version control using Git.
-
-This course covers continuous integration and continuous deployment (CI/CD) pipelines, as well as infrastructure-as-code (IaC) practices.
-
-## Prerequisites
-
-### Tools
-
-- An Azure Account in order to deploy your App :rocket: 
-  - [Azure Students](./doc/azure_students.md)
-  - [Classic one](https://azure.microsoft.com/pricing/purchase-options/azure-account?icid=azurefreeaccount) (you will be ask to put a credit card even if nothing is debited)
-
-- A GitHub account in order to fork this repo and start to work :wink:
-
-- A source code management tool :
-  - Git Bash for CLI guys :sunglasses:
-  - [Fork](https://git-fork.com/) for GUI guys :star:
-
-- **[Optional]** IDEs to build the app locally : 
-  - Visual Studio Community with .Net 9 SDK (Backend)
-  - Visual Studio Code & Node JS >= 21.7.1 (Frontend)
-
-### Knowledges
-
-- **[Appreciated]** Basic repository management (commits, push, merge-request) 
-- **[Optional]** Basic understanding of APIs
-- **[Optional]** Basic understanding of SPAs
-
-## Build the App locally
-
-[Getting the project](#getting-the-project) is mandatory.
-[Backend](#backend) and [Frontend](#frontend) build step will only be mandatory at the end of this workshop.
-
-### Getting the project
-
-First of all, you'll need to get the source code :grin: : 
-
-- Fork this project on your personnal GitHub account 
-
-:warning: Keep `Copy the DEFAULT branch only` option checked (to avoid conflicts between branch names).
-
-> If you never made a fork, just follow the steps mentionned [here](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/fork-a-repo#forking-a-repository) :eyes:.
-
-- Clone the project on your local machine
-
-> Again, if you never did it, just follow the steps mentionned [here](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/fork-a-repo#cloning-your-forked-repository) :eyes:.
-
-- And that's it ! :sparkles: 
-
-> :bulb: The repository will contain the `main` branch as you're starting point. 
-> You're free to use `feature branches` or not. 
-> 
-> If for some reasons you're blocked during this workshop, you can check 
-> `solution-<currentYear>` branches on the main repository.:smirk: 
-
-### Backend
----
-Easiest one :
-- Open the `ParkNDeploy.sln` file with Visual Studio 
-- Hit the `Run` button using the `Project Https` profile (default one)
-- Wait the Swagger API to launch on your default navigator
-- You can start to play with it to see what it does :video_game:
-
-> Some details about how the API is made and what it does could be find in the [backend README file](./backend/README.md).
-
-### Frontend
----
-
-Follow the next steps : 
-
-:one: Open the `./frontend` folder with Visual Studio Code
-
-:two: Open a command line terminal using `CTRL+ù` hotkey or through the `Terminal menu` on the top of Visual Studio Code
-
-:three: Run the following commands : 
-
-```bash
-# This will download all the dependencies for the frontend
-npm install
-
-# This will compiles and run the frontend app under a Vite developpement server
-npm run dev
-
-# If it works, you should see a localhost URL link
-```
-
-:four: Show the app in browser, here you have two possibilities : 
-
-- Without Visual Studio Code debugger : just `CTRL+Click` on the localhost URL that is being displayed on the terminal you just launched before
-
-- With Visual Studio Code debugger : 
-  - Hit `CTRL+SHIFT+D` hotkey or click on ![debug icon](./doc/assets/vscode_debug_icon.png) in the left navigation bar
-
-  - Click on ![play button](./doc/assets/vscode_debug_play_button.png) 
-
-  &rarr; Basically VS Code will run the [launch.json config](./frontend/.vscode/launch.json) which launch a Chrome navigator and attach the VS Code debugger to the frontend app process. This will allow you to debug through breakpoints and so on inside Visual Studio code (instead of spamming your source code with `console.log()` :stuck_out_tongue_winking_eye:).
-
-> Some details about how the Frontend App is made and what it does could be find in the [frontend README file](./frontend/README.md)
-
-## Let's dive-In !
-
-:rocket: Buckle up, folks! It's time to blast off to the [first step](./doc/step0_studying_devops.md) of our course. Ready, set, deploy!
-
-## Additional Resources (for DevOps enthusiastics)
-
-First of all, I hope this initiation gave you interest into DevOps concepts and that you understand how it could help you in your day-to-day tasks in real-world project.
-
-Now for a treasure trove of additional resources to dive deeper into DevOps concepts, check out the [**to go further section**](doc/to_go_further.md). :eyes:
+Deploying a basic Parking Finder App on Azure.