Delen via


App Spaces-onderdelen toevoegen

Notitie

App Spaces is in preview.

App Spaces is een intelligente service voor ontwikkelaars die de complexiteit van het maken en beheren van web-apps verminderen. In deze handleiding ziet u hoe u onderdelen toevoegt aan een bestaande App Spaces-app. Onderdelen kunnen een back-end-app (Azure Container App), een front-end-app (Static Web App) of een database (MariaDB, PostgreSQL, Qdrant) zijn.

App Spaces maakt gebruik van een concept van onderdelen. In de volgende tabel worden de onderdeeltypen, app-typen en de Azure-services beschreven die door App Spaces worden gebruikt.

Onderdeeltype Type app Azure-service
App-onderdeel Back-end Azure Container Apps
Onderdeel van statische app Front-end Statische web-apps
Databaseonderdeel N.v.t. Azure Container Apps

Onderdelen toevoegen

Als u een onderdeel wilt toevoegen aan uw app-ruimte, selecteert u + Onderdeel toevoegen op de pagina App-ruimte.

Volg deze stappen om een aangepast app-onderdeel toe te voegen.

Tabblad Toevoegen

  • Selecteer op het tabblad Toevoegen de GitHub-opslagplaats en selecteer de knop Volgende onder aan de pagina.

Tabblad Configureren

  1. Voer in de sectie Verbinding maken met GitHub om uw opslagplaats te importeren de volgende waarden in.

    Instelling Actie
    GitHub-account Selecteer uw GitHub-account.
    Organisatie Selecteer uw organisatie.
    Opslagplaats Selecteer uw GitHub-codeopslagplaats. Als u uw opslagplaats niet kunt vinden, kunt u andere machtigingen inschakelen op GitHub.
    Vertakking Selecteer uw GitHub-vertakking.
    App-locatie Voer de locatie van uw code in uw GitHub-opslagplaats in. Gebruiken / voor de hoofdmap.
    Luisterpoort Geef de poort op waarop uw webserver luistert. Externe aanvragen naar poort 80 of 443 worden intern doorgestuurd naar deze poort voor uw toepassing naar serverinhoud.
    Opstartopdracht (optioneel) Voer onder Geavanceerde configuraties een opstartopdracht in of laat niets leeg.
  2. Voer in de sectie App-details configureren de volgende waarden in.

    Instelling Actie
    Componentnaam Voer een naam in voor uw onderdeel.
  3. Selecteer de knop Toevoegen onder aan de pagina.

Voor een back-end-app maakt App Spaces de volgende resources voor u tijdens de implementatie:

  • Azure Container App-omgeving
  • Azure Container App
  • Virtueel netwerk + subnet (subresource van virtueel netwerk)
  • Continue implementatie met GitHub Actions
  • Rol van inzender RBAC (op rollen gebaseerd toegangsbeheer) die is toegewezen aan door de gebruiker toegewezen identiteit binnen het bereik van de resourcegroep (voor OpenID Connect-doeleinden)
  • Een Log Analytics-werkruimte

Volg deze stappen om een voorbeeldsjabloon-app toe te voegen.

Tabblad Toevoegen

  1. Selecteer op het tabblad Toevoegen de optie Sjabloon en selecteer de knop Volgende onder aan de pagina.

  2. Selecteer onder Sjablonen een app en selecteer vervolgens de knop Volgende onder aan de pagina.

Tabblad Configureren

  1. Voer de volgende waarden in de sectie Verbinding maken met GitHub in.

    Instelling Actie
    GitHub-account Selecteer uw GitHub-account.
    Organisatie Selecteer uw organisatie.
    Nieuwe opslagplaats Voer een naam in voor de nieuwe opslagplaats.
  2. Voer in de sectie App-details configureren de volgende waarden in.

    Instelling Actie
    Componentnaam Voer een naam in voor uw onderdeel.
  3. Selecteer de knop Toevoegen onder aan de pagina.

Volg deze stappen om een databaseonderdeel toe te voegen.

Tabblad Toevoegen

  • Selecteer Database op het tabblad Toevoegen en selecteer vervolgens de knop Volgende onder aan de pagina.

Tabblad Configureren

  1. Voer op het tabblad Configureren de volgende waarden in.

    Instelling Actie
    Databasetype Selecteer een databasetype.
    Componentnaam Voer een naam in voor uw onderdeel.
  2. Selecteer de knop Toevoegen onder aan de pagina.