Självstudie: Distribuera en Node.js + MongoDB-webbapp till Azure

2025-05-28

Azure App Service erbjuder en mycket skalbar och självuppdaterande webbtjänst med Linux-operativsystemet. Denna handledning visar hur man skapar en säker Node.js-app i Azure App Service som är ansluten till en Azure Cosmos DB för MongoDB-databas. När du är klar kommer du att ha en Express.js-app som körs på Azure App Service på Linux.

Skärmdump av Node.js-applikation som lagrar data i Cosmos DB.

I den här handledningen lär du dig hur du:

Skapa en säker standardarkitektur för Azure App Service och Azure Cosmos DB med MongoDB API.
Skydda anslutningshemligheter med hjälp av en hanterad identitet och Key Vault-referenser.
Distribuera ett Node.js-exempelprogram till App Service från ett GitHub-förråd.
Åtkomst till App Service-appens inställningar i applikationskoden.
Uppdatera och distribuera om applikationskoden.
Strömma diagnostiska loggar från App Service.
Hantera appen i Azure-portalen.
Tilldela samma arkitektur och distribuera med Azure Developer CLI.
Optimera ditt utvecklingsarbetsflöde med GitHub Codespaces och GitHub Copilot.

Förutsättningar

Ett Azure-konto med en aktiv prenumeration. Om du inte har ett Azure-konto, kan du skapa ett gratis.
Ett GitHub-konto. Du kan också få en gratis.
Kunskap om utveckling med Express.js.
(Optional) För att prova GitHub Copilot behöver du ett GitHub Copilot-konto. En 30-dagars gratis provperiod finns tillgänglig.

Ett Azure-konto med en aktiv prenumeration. Om du inte har ett Azure-konto, kan du skapa ett gratis.
Azure Developer CLI är installerat. Du kan följa stegen med Azure Cloud Shell eftersom det redan har Azure Developer CLI installerat.
Kunskap om utveckling med Express.js.
(Optional) För att prova GitHub Copilot behöver du ett GitHub Copilot-konto. En 30-dagars gratis provperiod finns tillgänglig.

Du kan snabbt distribuera exempelappen i denna handledning och se den köras i Azure. Kör bara följande kommandon i Azure Cloud Shell och följ anvisningarna.

mkdir msdocs-nodejs-mongodb-azure-sample-app
cd msdocs-nodejs-mongodb-azure-sample-app
azd init --template msdocs-nodejs-mongodb-azure-sample-app
azd up

1. Kör exemplet

Först ställer du in en exempelapplikation som är datadriven som startpunkt. För din bekvämlighet innehåller exempelarkivet en konfiguration för utvecklingscontainer. Utvecklingscontainern har allt du behöver för att utveckla en applikation, inklusive databasen, cacheminnet och alla miljövariabler som behövs av exempelapplikationen. Dev-behållaren kan köras i ett GitHub-kodutrymme, vilket innebär att du kan köra exemplet på vilken dator som helst med en webbläsare.

Steg 1: I ett nytt webbläsarfönster:

Logga in på ditt GitHub-konto.
Gå till https://github.com/Azure-Samples/msdocs-nodejs-mongodb-azure-sample-app/fork.
Avmarkera Kopiera endast huvudgrenen. Du vill ha alla grenarna.
Välj Skapa förgrening.

Steg 2: I GitHub-forken:

Välj main>starter-no-infra för startgrenen. Den här grenen innehåller bara exempelprojektet och inga Azure-relaterade filer eller konfigurationer.
Välj Code>Skapa kodutrymme på starter-no-infra. Det tar några minuter att ställa in kodutrymmet.

Step 3: I koderumsterminalen:

Kör npm install && npm start.
När du ser meddelandet Your application running on port 3000 is available., välj Öppna i webbläsare. Du bör se exempelapplikationen i en ny flik i webbläsaren. För att stoppa Express.js-applikationen, skriv Ctrl+C.

Tips

Du kan fråga GitHub Copilot om denna repository. Till exempel:

@workspace Vad gör det här projektet?
@workspace Vad gör mappen .devcontainer?

Har du problem? Kontrollera avsnittet för felsökning.

2. Skapa App Service och Azure Cosmos DB

I det här steget skapar du Azure-resurserna. Stegen som används i denna handledning skapar en uppsättning resurser som är säkra som standard, inklusive App Service och Azure Cosmos DB för MongoDB. För skapandeprocessen anger du:

Namn för webbappen. Den används som en del av DNS-namnet för din app.
Den region där appen fysiskt körs i världen. Det används också som en del av DNS-namnet för din app.
Körtidsstacken för appen. Här väljer du vilken version av Node du vill använda för din app.
Värdplanen för appen. Det är prissättningsnivån som inkluderar funktionsuppsättningen och skalningskapaciteten för din app.
Resursgruppen för appen. En resursgrupp låter dig samla alla Azure-resurser som behövs för applikationen i en logisk behållare.

Logga in på Azure-portalen och följ dessa steg för att skapa dina Azure App Service-resurser.

Steg 1: I Azure-portalen:

Ange "web app database" i sökfältet högst upp på Azure-portalen.
Välj objektet märkt Web App + Database under rubriken Marknadsplats. Du kan också navigera direkt till skapelseguiden.

Steg 2: På sidan Skapa webbapp + databas, fyll i formuläret enligt följande.

Resursgrupp: Välj Skapa ny och använd namnet msdocs-expressjs-mongodb-tutorial.
Region: Valfri Azure-region nära dig.
Name: msdocs-expressjs-mongodb-XYZ, där XYZ är tre valfria tecken.
Körningsstack: Nod 20 LTS.
Engine: Cosmos DB API för MongoDB. Azure Cosmos DB är en molnbaserad databas som erbjuder en API som är 100% kompatibel med MongoDB. Notera databasnamnet som genereras för dig (<app-name>-database). Du kommer att behöva den senare.
Värdplan: Grundläggande. När du är redo kan du skala upp till en produktionsprissättning nivå.
Välj Förhandsgranska + skapa.
När valideringen är klar, välj Create.

Steg 3: Utplaceringen tar några minuter att genomföra. När distributionen är klar väljer du knappen Gå till resurs. Du tas direkt till App Service-appen, men följande resurser skapas:

Resursgrupp → Behållaren för alla de skapade resurserna.
App Service plan → Definierar beräkningsresurserna för App Service. En Linux-plan i Basic-nivån skapas.
App Service → Representerar din app och körs i App Service-planen.
Virtuellt nätverk → Integreras med App Service-appen och isolerar nätverkstrafik på backend.
Privat slutpunkt → Åtkomstslutpunkt för databasresursen i det virtuella nätverket.
Nätverksgränssnitt → Representerar en privat IP-adress för den privata slutpunkten.
Azure Cosmos DB för MongoDB → Endast tillgänglig bakom den privata slutpunkten. En databas och en användare skapas åt dig på servern.
Privat DNS-zon → Aktiverar DNS-matchning för Azure Cosmos DB-servern i det virtuella nätverket.

Har du problem? Kontrollera avsnittet för felsökning.

3. Säker anslutningshemligheter

Skapelseguiden genererade redan anslutningssträngen åt dig som en appinställning. Emellertid är den bästa säkerhetspraxisen att helt hålla hemligheter borta från App Service. Du kommer att flytta dina hemligheter till ett nyckelvalv och ändra appinställningen till en referens för Nyckelvalv med hjälp av Service Connectors.

Steg 1: På sidan App Service:

I den vänstra menyn, välj Inställningar > Miljövariabler.
Bredvid AZURE_COSMOS_CONNECTIONSTRING väljer du Visa värde. Denna anslutningssträng låter dig ansluta till Cosmos DB-databasen som är säkrad bakom en privat slutpunkt. Men hemligheten sparas direkt i App Service-appen, vilket inte är det bästa. Du kommer att ändra detta.

Steg 2: Skapa ett nyckelvalv för säker hantering av hemligheter.

I sökrutan högst upp, skriv "key vault", och välj sedan Marknadsplats>Key Vault.
I Resursgrupp väljer du msdocs-expressjs-mongodb-tutorial.
I Nyckelhållarens namn skriver du ett namn som bara består av bokstäver och siffror.
I Region, ställ in det till provplatsen som resursgruppen.

Steg 3:

Välj fliken Nätverk.
Avmarkera Aktivera offentligt tillträde.
Välj Skapa en privat slutpunkt.
I Resursgrupp väljer du msdocs-expressjs-mongodb-tutorial.
I Nyckelhållarens namn skriver du ett namn som bara består av bokstäver och siffror.
I Region, ställ in det till provplatsen som resursgruppen.
I dialogrutan, i Plats, välj samma plats som din App Service-app.
I Resursgrupp väljer du msdocs-expressjs-mongodb-tutorial.
I Name, skriv msdocs-expressjs-mongodb-XYZVaultEndpoint.
I Virtuellt nätverk, välj msdocs-expressjs-mongodb-XYZVnet.
I subnätetmsdocs-expressjs-mongodb-XYZSubnet.
Välj OK.
Välj Granska + skapaoch välj sedan Skapa. Vänta tills nyckelvalvdistributionen är klar. Du bör se "Din distribution är slutförd."

Steg 4:

I den övre sökfältet, skriv msdocs-expressjs-mongodb, sedan App-tjänstens resurs som heter msdocs-expressjs-mongodb-XYZ.
På App Service-sidan, i den vänstra menyn, välj Inställningar > Tjänstekoppling. Det finns redan en anslutning, som appskaparguiden har skapat åt dig.
Mark kryssrutan bredvid anslutningen, välj sedan Redigera.
På fliken Grundläggande anger du Klienttyp till Node.js.
Välj fliken Autentisering.
Välj Lagra hemlighet i Key Vault.
Under Key Vault-anslutning väljer du Skapa ny. En dialogruta för Skapa anslutning öppnas ovanpå redigeringsdialogrutan.

Steg 5: I dialogrutan Skapa anslutning för Key Vault-anslutningen:

I Key Vault väljer du den valv som du skapade tidigare.
Välj Granska + skapa. Du bör se att Systemtilldelad hanterad identitet är inställd på Vald.
När valideringen är klar, välj Skapa.

Steg 6: Du är tillbaka i redigeringsdialogen för defaultConnector.

På fliken Autentisering, vänta på att nyckelvalvanslutningen ska skapas. När det är klart väljs det automatiskt i rullgardinsmenyn Key Vault Connection.
Välj Next: Networking.
Välj Konfigurera brandväggsregler för att möjliggöra åtkomst till måltjänsten. Om du ser meddelandet, "Ingen privat slutpunkt på målservicen", ignorera det. Guiden för appskapande säkrade redan Cosmos DB-databasen med en privat slutpunkt.
Välj Spara. Vänta tills notifieringen Uppdateringen lyckades visas.

En skärmbild som visar nyckelvalvsanslutningen vald i standardanslutningen.

Steg 7: För att verifiera dina ändringar:

Från menyn till vänster, välj Miljövariabler igen.
Bredvid appinställningen AZURE_COSMOS_CONNECTIONSTRING, välj Visa värde. Värdet ska vara @Microsoft.KeyVault(...), vilket betyder att det är en key vault-referens eftersom hemligheten nu hanteras i nyckelvalvet.

Har du problem? Kontrollera avsnittet för felsökning.

4. Distribuera exempelkod

I det här steget konfigurerar du GitHub-utplacering med hjälp av GitHub Actions. Det är bara ett av många sätt att distribuera till App Service, men också ett utmärkt sätt att ha kontinuerlig integration i din distributionsprocess. Som standard startar varje git push till ditt GitHub-repository bygg- och distribuera-aktiviteten.

Steg 1: I den vänstra menyn, välj Distribuering>Distribueringscenter.

Step 2: På sidan för distributionscenter:

I Källa väljer du GitHub. Som standard är GitHub Actions vald som byggleverantör.
Logga in på ditt GitHub-konto och följ uppmaningen för att godkänna Azure.
I Organization väljer du ditt konto.
I Lagringsplats väljer du msdocs-nodejs-mongodb-azure-sample-app.
I Branch väljer du starter-no-infra. Detta är samma gren som du arbetade i med din exempelapp, utan några Azure-relaterade filer eller konfiguration.
För autentiseringstyp, välj användartilldelad identitet.
I den övre menyn väljer du Spara. App Service överför en arbetsflödesfil till den valda GitHub-förvaret, i .github/workflows katalogen. Som standard skapar distributionscentret en användartilldelad identitet för att arbetsflödet ska kunna autentisera med hjälp av Microsoft Entra (OIDC-autentisering). För alternativa autentiseringsalternativ, se Distribuera till App Service med hjälp av GitHub Actions.

Steg 3: Tillbaka i GitHub-kodutrymmet för din exemplarfork, kör git pull origin starter-no-infra. Detta drar in den nyligen slutförda arbetsflödesfilen i ditt kodutrymme.

Steg 4 (alternativ 1: med GitHub Copilot):

Starta en ny chattsession genom att välja Chat-vyn och sedan välja +.
Fråga, "@workspace Hur kopplar appen till databasen?" Copilot kanske pekar dig till app.js-filen och mongoose.connect-anropet.
Säg, "Jag har en variabel för anslutningssträng i Azure som heter AZURE_COSMOS_CONNECTIONSTRING.". Copilot kan möjligtvis ge dig en kodförslag liknande den i alternativen b Alternativ 2: utan GitHub Copilot nedan och till och med föreslå att du gör ändringen i app.js.
Öppna app.js i utforskaren och lägg till kodförslaget getApp i -metoden. GitHub Copilot ger dig inte samma svar varje gång, du kan behöva ställa fler frågor för att finjustera svaret. För tips, se Vad kan jag göra med GitHub Copilot i min kodmiljö?.

Steg 4 (alternativ 2: utan GitHub Copilot):

Från utforskaren, öppna app.js.
Hitta raden där mongoose.connect anropas (rad 16) och ändra process.env.MONGODB_URI till process.env.AZURE_COSMOS_CONNECTIONSTRING || process.env.MONGODB_URI.

Steg 5:

Välj tillägget Source Control.
I textrutan, skriv ett meddelande för commit som Update environment variable. Eller, välj och låt GitHub Copilot generera ett commit-meddelande åt dig.
Välj Commit, och bekräfta sedan med Ja.
Välj Synkronisera ändringar 1, och bekräfta sedan med OK.

Steg 6: Tillbaka på sidan Distributionscenter i Azure-portalen:

Under fliken Loggar väljer du Uppdatera. En ny distributionskörning har redan startats från dina utförda ändringar.
I loggposten för driftskörningen väljer du posten Bygg-/Driftsloggar med den senaste tidsstämpeln.

Steg 7: Du tas till ditt GitHub-repository och ser att GitHub-åtgärden körs. Arbetsflödesfilen definierar två separata steg, bygga och distribuera. Vänta på GitHub-körningen för att visa en status av Complete.

Har du problem? Kontrollera avsnittet för felsökning.

5. Gå till appen

Steg 1: På sidan App Service:

Välj Översikt från den vänstra menyn.
Välj URL:en för din app.

Steg 2: Lägg till några uppgifter på listan. Grattis, du kör en säker datadriven Node.js app i Azure App Service.

6. Strömma diagnostikloggar

Azure App Service samlar in alla meddelanden som loggas till konsolen för att hjälpa dig att diagnostisera problem med ditt program. Exempelappen skriver ut loggmeddelanden till konsolen i var och en av sina ändpunkter för att demonstrera denna kapacitet. Till exempel skickar get-ändpunkten ut ett meddelande om antalet uppgifter som hämtats från databasen och ett felmeddelande visas om något går fel.

router.get('/', function(req, res, next) {
  Task.find()
    .then((tasks) => {      
      const currentTasks = tasks.filter(task => !task.completed);
      const completedTasks = tasks.filter(task => task.completed === true);

      console.log(`Total tasks: ${tasks.length}   Current tasks: ${currentTasks.length}    Completed tasks:  ${completedTasks.length}`)
      res.render('index', { currentTasks: currentTasks, completedTasks: completedTasks });
    })
    .catch((err) => {
      console.log(err);
      res.send('Sorry! Something went wrong.');
    });
});

Steg 1: På sidan App Service:

Från den vänstra menyn, välj App Service-loggar.
Under Programloggning väljer du Filsystem.
I den övre menyn väljer du Spara.

Steg 2: Från menyn till vänster, välj Loggström. Du ser loggarna för din app, inklusive plattformsloggar och loggar från insidan av containern.

7. Inspektera distribuerade filer med hjälp av Kudu

Azure App Service erbjuder en webbaserad diagnostikkonsol som heter Kudu som låter dig undersöka servermiljön för din webbapp. Med hjälp av Kudu kan du se de filer som har distribuerats till Azure, granska applikationens distributionshistorik och till och med öppna en SSH-session i värdmiljön.

Steg 1: På sidan App Service:

Välj Avancerade verktyg på den vänstra menyn.
Välj Gå.

Steg 2: På Kudu-sidan, välj Deployments.

Om du distribuerar kod till App Service med Git eller zip-distribution ser du en historik över distributioner av din webbapp.

Steg 3: Gå tillbaka till Kudu-startsidan och välj Webbplats wwwroot.

Du kan se den distribuerade mappstrukturen och välja att bläddra och visa filerna.

8. Rensa resurser

När du är klar kan du ta bort alla resurser från din Azure-prenumeration genom att ta bort resursgruppen.

Steg 1: I sökfältet överst i Azure-portalen:

Ange namnet på resursgruppen.
Välj resursgruppen.

Steg 2: På resursgruppens sida, välj Ta bort resursgrupp.

Steg 3:

Ange namnet på resursgruppen för att bekräfta din radering.
Välj Ta bort.

2. Skapa Azure-resurser och distribuera en exempelapp

I det här steget skapar du Azure-resurser och distribuerar en exempelapp till App Service på Linux. Stegen i denna handledning skapar en uppsättning resurser som är säkra som standard, inklusive App Service och Azure Cosmos DB.

Dev-containern har redan Azure Developer CLI (AZD).

Från repositioriets rot, kör azd init.

azd init --template nodejs-app-service-cosmos-redis-infra

När du uppmanas, ge följande svar:

Fråga	Svar
Den aktuella katalogen är inte tom. Önskar du att initiera ett projekt här i '<din-katalog>'?	Y
Vad vill du göra med de här filerna?	Behåll mina befintliga filer oförändrade
Ange ett nytt miljönamn	Skriv ett unikt namn. AZD-mallen använder detta namn som en del av DNS-namnet för din webbapp i Azure (`<app-name>-<hash>.azurewebsites.net`). Alfanumeriska tecken och bindestreck är tillåtna.

Logga in på Azure genom att köra kommandot azd auth login och följa instruktionerna.
```
azd auth login
```
Skapa de nödvändiga Azure-resurserna och distribuera appkoden med kommandot azd up. Följ anvisningarna för att välja det önskade abonnemanget och platsen för Azure-resurserna.
```
azd up
```
Kommandot azd up tar ungefär 15 minuter att slutföra (Redis-cachen tar längst tid). Den kompilera och distribuerar också din applikationskod, men du kommer att ändra din kod senare för att fungera med App Service. När den körs, ger kommandot meddelanden om provisionerings- och distributionsprocessen, inklusive en länk till distributionen i Azure. När den är klar, visar kommandot också en länk till driftsättningsapplikationen.

Denna AZD-mall innehåller filer (azure.yaml och infra-katalogen) som genererar en säker som standard-arkitektur med följande Azure-resurser:
- Resursgrupp: Behållaren för alla skapade resurser.
- App Service-plan: Definierar beräkningsresurserna för App Service. En Linux-plan i B1-nivån skapas.
- App Service: Representerar din app och körs i App Service-planen.
- Virtuellt nätverk: Integrerat med App Service-applikationen och isolerar bakgrundsnätverkstrafik.
- Azure Cosmos DB-konto med MongoDB API: Anslutbar endast från bakom dess privata slutpunkt. En databas skapas för dig på servern.
- Azure Cache för Redis: Endast åtkomlig från inom det virtuella nätverket.
- Key vault: Endast åtkomlig från bakom dess privata slutpunkt. Används för att hantera hemligheter för App Service-appen.
- Privata slutpunkter: Åtkomstslutpunkter för nyckelvalvet, databasservern och Redis-cachen i det virtuella nätverket.
- Private DNS-zoner: Aktivera DNS-upplösning av Cosmos DB-databasen, Redis-cachen och nyckelvalvet i det virtuella nätverket.
- Log Analytics-arbetsyta: Fungerar som den målcontainer där din app kan skicka sina loggar, och där du även kan utföra loggfrågor.
När kommandot har slutfört skapandet av resurser och implementeringen av applikationskoden för första gången, fungerar inte den implementerade exempelappen ännu eftersom du måste göra små ändringar för att få den att ansluta till databasen i Azure.

3. Verifiera anslutningssträngar

Den AZD-mall du använder har redan genererat anslutningsvariablerna åt dig som appinställningar och skickar dem till terminalen för din bekvämlighet. App-inställningar är ett sätt att hålla anslutningshemligheter borta från din kodrepository.

I AZD-utdata, hitta appinställningen AZURE_COSMOS_CONNECTIONSTRING. Endast inställningsnamnen visas. De ser ut så här i AZD-utdata:
```
 App Service app has the following app settings:
         - AZURE_COSMOS_CONNECTIONSTRING
         - AZURE_REDIS_CONNECTIONSTRING
         - AZURE_KEYVAULT_RESOURCEENDPOINT
         - AZURE_KEYVAULT_SCOPE
 
```
AZURE_COSMOS_CONNECTIONSTRING innehåller anslutningssträngen till Cosmos DB-databasen i Azure. Du behöver använda det i din kod senare.
För din bekvämlighet visar AZD-mallen dig den direkta länken till appens inställningssida. Hitta länken och öppna den på en ny webbläsarflik.

Har du problem? Kontrollera avsnittet för felsökning.

Starta en ny chattsession i GitHub-kodområdet genom att klicka på vyn Chatt och sedan klicka på +.
Fråga, "@workspace Hur kopplar appen till databasen?" Copilot kanske pekar dig till app.js-filen och mongoose.connect-anropet.
Säg, "Jag har en anslutningssträngsvariabel i Azure som heter AZURE_COSMOS_CONNECTIONSTRING.". Copilot kan möjligtvis ge dig en kodförslag liknande den i alternativen b Alternativ 2: utan GitHub Copilot nedan och till och med föreslå att du gör ändringen i app.js.
Öppna app.js i utforskaren och lägg till kodförslaget getApp i -metoden.

GitHub Copilot ger dig inte samma svar varje gång, du kan behöva ställa fler frågor för att finjustera svaret. För tips, se Vad kan jag göra med GitHub Copilot i min kodmiljö?.
Tillbaka i kodersterminalen, kör azd deploy.
```
azd deploy
```

Öppna app.js från utforskaren och se att applikationen skapar en Mongoose-anslutning med hjälp av MONGODB_URI (rad 16).
Ändra process.env.MONGODB_URI till process.env.AZURE_COSMOS_CONNECTIONSTRING || process.env.MONGODB_URI.

Denna ändring gör det möjligt att välja rätt miljövariabel för MongoDB-anslutningssträngen, oavsett om du kör lokalt eller i Azure. Du kan använda samma variabelnamn för båda miljöerna, men det är utanför ramarna för handledningen.
Tillbaka i kodersterminalen, kör azd deploy.
```
azd deploy
```

Tips

Du kan också bara använda azd up alltid, vilket gör allt som azd package, azd provision, och azd deploy.

Har du problem? Kontrollera avsnittet för felsökning.

5. Gå till appen

I AZD-utdata, hitta URL:en till din app och navigera till den i webbläsaren. URL:en ser ut så här i AZD-utdata:
```
 Deploying services (azd deploy)

   (✓) Done: Deploying service web
   - Endpoint: <URL>
 
```
Lägg till några uppgifter på listan.

Grattis, du kör en webbapp i Azure App Service med säker anslutning till Azure Cosmos DB.

Har du problem? Kontrollera avsnittet för felsökning.

6. Strömma diagnostikloggar

router.get('/', function(req, res, next) {
  Task.find()
    .then((tasks) => {      
      const currentTasks = tasks.filter(task => !task.completed);
      const completedTasks = tasks.filter(task => task.completed === true);

      console.log(`Total tasks: ${tasks.length}   Current tasks: ${currentTasks.length}    Completed tasks:  ${completedTasks.length}`)
      res.render('index', { currentTasks: currentTasks, completedTasks: completedTasks });
    })
    .catch((err) => {
      console.log(err);
      res.send('Sorry! Something went wrong.');
    });
});

I AZD-utdata, hitta länken för att strömma App Service-loggar och navigera till den i webbläsaren. Länken ser ut så här i AZD-utdata:

Stream App Service logs at: <URL>

Lär dig mer om loggning i Java-appar i serien om Aktivera Azure Monitor OpenTelemetry för .NET, Node.js, Python och Java-applikationer.

Har du problem? Kontrollera avsnittet för felsökning.

7. Rensa resurser

För att ta bort alla Azure-resurser i den nuvarande distribueringsmiljön, kör azd down och följ anvisningarna.

azd down

Felsökning

Portalens distributionsvy för Azure Cosmos DB visar en konfliktstatus
Webbläsarsidan för den distribuerade appen säger "Något gick fel."

Portalens distribueringsvy för Azure Cosmos DB visar en konfliktsstatus

Beroende på ditt abonnemang och den region du väljer kan du se distributionsstatusen för Azure Cosmos DB som Conflict, med följande meddelande i Operationsdetaljer:

Sorry, we are currently experiencing high demand in <region> region, and cannot fulfill your request at this time.

Felet orsakas troligen av en gräns för din prenumeration för den region du väljer. Försök att välja en annan region för din distribution.

Webbläsarsidan för den distribuerade appen säger "Something went wrong."

Du behöver förmodligen fortfarande göra ändringar i anslutningssträngen i programkoden. Se 4. Implementera exempel kod.

Vanliga frågor

Hur mycket kostar den här installationen?
Hur ansluter jag till Azure Cosmos DB-servern som är säkrad bakom det virtuella nätverket med andra verktyg?
Hur fungerar lokal apputveckling med GitHub Actions?
Varför är distributionen med GitHub Actions så långsam?
Jag har inte behörighet att skapa en användartilldelad identitet
Vad kan jag göra med GitHub Copilot i min kodmiljö?

Hur mycket kostar den här installationen?

Prissättningen för de skapade resurserna är som följer:

App Service-planen skapas på Basic-nivån och kan skalas upp eller ned. Se Priser för App Service.
Azure Cosmos DB-servern skapas i en enda region och kan distribueras till andra regioner. Se prissättning för Azure Cosmos DB.
Det virtuella nätverket debiteras inte om du inte konfigurerar extra funktioner, till exempel peering. Se Priser för Azure Virtual Network.
Den privata DNS-zonen medför en liten avgift. Se Priser för Azure DNS.

Hur ansluter jag till Azure Cosmos DB-servern som är säkrad bakom det virtuella nätverket med andra verktyg?

För grundläggande åtkomst från ett kommandoradsverktyg kan du köra mongosh från appens SSH-terminal. Appens container kommer inte med mongosh, så du måste installera den manuellt. Kom ihåg att den installerade klienten inte består efter att appen startas om.
För att ansluta från en MongoDB GUI-klient måste din dator vara inom det virtuella nätverket. Till exempel kan det vara en Azure-VM som är ansluten till en av undernäten, eller en maskin i ett lokalnätverk som har en site-to-site VPN-anslutning med Azure virtuella nätverket.
För att ansluta från MongoDB-skalet från Azure Cosmos DB-hanteringssidan i portalen måste din dator också vara inom det virtuella nätverket. Du kan istället öppna brandväggen för Azure Cosmos DB-servern för din lokala dators IP-adress, men det ökar attackytan för din konfiguration.

Hur fungerar lokal apputveckling med GitHub Actions?

Ta den automatiskt genererade arbetsflödesfilen från App Service som ett exempel, varje git push startar en ny bygg- och distributionskörning. Från en lokal klon av GitHub-repositoriet gör du de önskade uppdateringarna och pushar dem till GitHub. Till exempel:

git add .
git commit -m "<some-message>"
git push origin main

Varför är GitHub Actions distribution så långsam?

Den automatiskt genererade arbetsflödesfilen från App Service definierar en bygg-och-sedan-distribuera-process, en körning med två jobb. Eftersom varje jobb körs i en egen ren miljö ser arbetsflödesfilen till att deploy jobbet har åtkomst till filerna från build jobbet:

I slutet av build arbetet ska du ladda upp filer som artefakter.
I början av deploy-jobbet, ladda ner artefakterna.

Det mesta av tiden som tas av den två-jobbs processen spenderas på uppladdning och nedladdning av artefakter. Om du vill kan du förenkla arbetsflödesfilen genom att kombinera de två jobben till ett, vilket eliminerar behovet av uppladdnings- och nedladdningsstegen.

Jag har inte behörighet att skapa en användartilldelad identitet

Se Ställ in GitHub Actions-distribution från distributionscentret.

Vad kan jag göra med GitHub Copilot i mitt kodutrymme?

Du kanske märker att GitHub Copilot-chattvyn redan fanns där för dig när du skapade kodutrymmet. För din bekvämlighet inkluderar vi GitHub Copilot-chatttillägget i containerdefinitionen (se .devcontainer/devcontainer.json). Du behöver dock ett GitHub Copilot-konto (30 dagars kostnadsfri utvärderingsversion tillgänglig).

Några tips för dig när du pratar med GitHub Copilot:

I en enda chattsession bygger frågorna och svaren på varandra, och du kan justera dina frågor för att finjustera det svar du får.
Som standard har GitHub Copilot inte tillgång till någon fil i ditt arkiv. För att ställa frågor om en fil, öppna filen i redigeraren först.
För att ge GitHub Copilot tillgång till alla filer i arkivet när den förbereder sina svar, börja din fråga med @workspace. För mer information, se Use the @workspace agent.
During chatt-sessionen kan GitHub Copilot föreslå ändringar och (med @workspace) till och med var ändringarna ska göras, men det är inte tillåtet att göra ändringarna åt dig. Det är upp till dig att lägga till de föreslagna ändringarna och testa dem.

Här är några andra saker du kan säga för att finjustera svaret du får.

@workspace Var är MONGODB_URI definierad?
I vilken fil gör jag ändringen?
Kommer den här ändringen att förstöra min app när den körs lokalt?

Nästa steg

JavaScript på Azure Developer Center

Konfigurera Node.js app i App Service

Säkra med anpassad domän och certifikat

Dela via

Självstudie: Distribuera en Node.js + MongoDB-webbapp till Azure

Förutsättningar

Hoppa till slutet

1. Kör exemplet

2. Skapa App Service och Azure Cosmos DB

3. Säker anslutningshemligheter

4. Distribuera exempelkod

5. Gå till appen

6. Strömma diagnostikloggar

7. Inspektera distribuerade filer med hjälp av Kudu

8. Rensa resurser

2. Skapa Azure-resurser och distribuera en exempelapp

3. Verifiera anslutningssträngar

4. Ändra exempelkod och distribuera om

5. Gå till appen

6. Strömma diagnostikloggar

7. Rensa resurser

Felsökning

Portalens distribueringsvy för Azure Cosmos DB visar en konfliktsstatus

Webbläsarsidan för den distribuerade appen säger "Something went wrong."

Vanliga frågor

Hur mycket kostar den här installationen?

Hur ansluter jag till Azure Cosmos DB-servern som är säkrad bakom det virtuella nätverket med andra verktyg?

Hur fungerar lokal apputveckling med GitHub Actions?

Varför är GitHub Actions distribution så långsam?

Jag har inte behörighet att skapa en användartilldelad identitet

Vad kan jag göra med GitHub Copilot i mitt kodutrymme?

Nästa steg

Feedback

Ytterligare resurser