Dela via


Lägga till apputrymmeskomponenter

Kommentar

Apputrymmen är i förhandsversion.

App Spaces är en intelligent tjänst för utvecklare som minskar komplexiteten i att skapa och hantera webbappar. Den här guiden visar hur du lägger till komponenter i en befintlig App Spaces-app. Komponenter kan vara en serverdelsapp (Azure Container App), en klientdelsapp (Static Web App) eller en databas (MariaDB, PostgreSQL, Qdrant).

App Spaces använder ett koncept med komponenter. I följande tabell beskrivs de komponenttyper, apptyper och Azure-tjänster som används av App Spaces.

Komponenttyp Apptyp Azure-tjänst
Appkomponent Serverdel Azure Container Apps
Komponent för statisk app Klientdelen Static Web Apps
Databaskomponent Ej tillämpligt Azure Container Apps

Lägg till komponenter

Om du vill lägga till en komponent i ditt apputrymme går du till sidan Apputrymme och väljer + Lägg till komponent.

Följ de här stegen för att lägga till en anpassad appkomponent.

Lägg till flik

  • På fliken Lägg till väljer du GitHub-lagringsplats och väljer knappen Nästa längst ned på sidan.

Fliken Konfigurera

  1. I avsnittet Anslut till GitHub för att importera lagringsplatsen anger du följande värden.

    Inställning Åtgärd
    GitHub-konto Välj ditt GitHub-konto.
    Organisation Välj din organisation.
    Lagringsplats Välj din GitHub-kodlagringsplats. Om du inte hittar lagringsplatsen kan du aktivera andra behörigheter på GitHub.
    Filial Välj din GitHub-gren.
    Applats Ange platsen för koden på din GitHub-lagringsplats. Används / för rotkatalogen.
    Lyssnarport Ange den port som webbservern lyssnar på. Externa begäranden som görs till port 80 eller 443 dirigeras till den här porten internt för ditt program till serverinnehåll från.
    Startkommando (valfritt) Under Avancerade konfigurationer anger du ett startkommando eller lämnar tomt för ingen.
  2. I avsnittet Konfigurera appinformation anger du följande värden.

    Inställning Åtgärd
    Komponentnamn Ange ett namn på komponenten.
  3. Välj knappen Lägg till längst ned på sidan.

För en serverdelsapp skapar App Spaces följande resurser åt dig under distributionen:

  • Azure Container App-miljö
  • Azure Container App
  • Virtuellt nätverk + undernät (underresurs för virtuellt nätverk)
  • Kontinuerlig distribution med GitHub Actions
  • Deltagarrollen RBAC (rollbaserad åtkomstkontroll) tilldelad till användartilldelad identitet över resursgruppens omfång (i OpenID Connect-syfte)
  • En Log Analytics-arbetsyta

Följ de här stegen för att lägga till en exempelmallapp.

Lägg till flik

  1. På fliken Lägg till väljer du Mall och sedan knappen Nästa längst ned på sidan.

  2. Under Mallar väljer du en app och sedan knappen Nästa längst ned på sidan.

Fliken Konfigurera

  1. Ange följande värden i avsnittet Anslut till GitHub .

    Inställning Åtgärd
    GitHub-konto Välj ditt GitHub-konto.
    Organisation Välj din organisation.
    Ny lagringsplats Ange ett namn på den nya lagringsplatsen.
  2. I avsnittet Konfigurera appinformation anger du följande värden.

    Inställning Åtgärd
    Komponentnamn Ange ett namn på komponenten.
  3. Välj knappen Lägg till längst ned på sidan.

Följ de här stegen för att lägga till en databaskomponent.

Lägg till flik

  • På fliken Lägg till väljer du Databas och sedan knappen Nästa längst ned på sidan.

Fliken Konfigurera

  1. På fliken Konfigurera anger du följande värden.

    Inställning Åtgärd
    Databastyp Välj en databastyp.
    Komponentnamn Ange ett namn på komponenten.
  2. Välj knappen Lägg till längst ned på sidan.