Building a web application using Azure Static Web Apps

[ErholAB]

First Check

• I added a very descriptive title here.
• I used the GitHub search to find a similar question and didn't find it.
• I searched in the documentation/README.
• I already searched in Google "How to do X" and didn't find any information.
• I already read and followed all the tutorial in the docs/README and didn't find an answer.

Commit to Help

• I commit to help with one of those options 👆

Example Code

name: Azure Static Web Apps CI/CD

on:
  push:
    branches:
      - master
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - master

jobs:
  build_and_deploy_job:
    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
    runs-on: ubuntu-latest
    name: Build and Deploy Job
    permissions:
       id-token: write
       contents: read
    steps:
      - uses: actions/checkout@v3
        with:
          submodules: true
          lfs: false
      - name: Install OIDC Client from Core Package
        run: npm install @actions/core@1.6.0 @actions/http-client
      - name: Get Id Token
        uses: actions/github-script@v6
        id: idtoken
        with:
           script: |
               const coredemo = require('@actions/core')
               return await coredemo.getIDToken()
           result-encoding: string
      - name: Setup Python
        uses: actions/setup-python@v2
        with:
          python-version: '3.10'
      - name: Install Python dependencies
        run: |
          python -m pip install --upgrade pip
          pip install poetry
      - name: Install backend dependencies
        run: |
          cd backend
          poetry install
      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_BLACK_CLIFF_0C73E8D03 }}
          action: "upload"
          ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
          app_location: "./frontend" # App source code path
          api_location: "./backend" # Api source code path - optional
          output_location: "dist" # Built app content directory - optional
          github_id_token: ${{ steps.idtoken.outputs.result }}
          ###### End of Repository/Build Configurations ######

  close_pull_request_job:
    if: github.event_name == 'pull_request' && github.event.action == 'closed'
    runs-on: ubuntu-latest
    name: Close Pull Request Job
    steps:
      - name: Close Pull Request
        id: closepullrequest
        uses: Azure/static-web-apps-deploy@v1
        with:
          action: "close"

Description

During the workflow execution, the build and deployment steps for both the frontend and backend of the application are managed by Azure Static Web Apps and Oryx. Here is a brief overview of the issues encountered:

Python Dependency Management: The backend dependencies are managed using poetry. However, during the Oryx build process, it attempts to use Python 3.8.20, which is not installed, and subsequently poetry cannot be found or executed.
Node.js Version Mismatch: For the frontend, Oryx detected and installed Node.js version 18.20.5, but there were several warnings about vulnerabilities and chunk sizes.
Build Failures: The main issue is that the backend build fails because Oryx cannot find and execute poetry.

Operating System

Windows

Operating System Details

I am utilizing the GitHub Actions environment which is based on Ubuntu (ubuntu-latest). This environment is managed by GitHub and provides a pre-configured runner with a variety of tools and dependencies that are essential for CI/CD workflows.

Specifically, the workflow runs on the following environment:

Operating System: Ubuntu (ubuntu-latest)
CI/CD Tool: GitHub Actions
The environment includes pre-installed tools such as Python, Node.js, and various build systems which are crucial for building and deploying both frontend and backend components of my web application.

For the backend, I am using Python 3.10 and managing dependencies with poetry. For the frontend, Node.js 18.20.5 is automatically installed by Oryx during the build process.

Given the nature of cloud-based CI/CD pipelines, the operating system details are abstracted away to ensure consistency and reliability across different runs and environments.

Python Version

I am using Python version 3.10. This version is specified and configured in my GitHub Actions workflow to ensure consistency and compatibility with the dependencies and requirements of my project.

Additional Context

The objective is to ensure that the backend dependencies are correctly managed by poetry and the appropriate Python version is used during the Oryx build process on Azure Static Web Apps. By making the necessary adjustments to the GitHub Actions workflow, we aim to achieve a seamless build and deployment process for both the frontend and backend of the web application.