Övning – Skapa en Azure Functions-app och omstrukturera koden

  • 5 minuter

I den här övningen skapar du ett serverlöst Azure Functions-program som kör API:erna i stället för Express-programmet. Sedan migrerar du programlogiken från Node.js Express-programmet till Functions-programmet. Du behöver inte skriva om koden. Du behöver bara några små kodändringar för att göra övergången.

Skapa en ny Azure Functions-app

Kontrollera att Visual Studio Code-tillägget för Azure Functions är installerat.

  1. Öppna kommandopaletten i Visual Studio Code genom att trycka på F1

  2. Skriv och välj Azure Functions: Skapa nytt projekt.

    Screenshot of Visual Studio Code creating a new function app.

  3. Välj lagringsplatsens rot som plats för det nya projektet.

  4. Ange följande värden när du uppmanas till det.

    Name Värde
    Språk TypeScript
    Välj en TypeScript-programmeringsmodell Modell V4
    Template HTTP-utlösare
    Name getVacations

Functions-appen har nu skapats för att hantera programmets API-slutpunkter. I nästa lektion skapar du de funktioner som visar, lägger till, uppdaterar och tar bort semestrar.

Kommentar

Du skapade Functions-appen i en funktionsmapp som skiljer den från Angular-appen. Du kan bestämma hur du ska strukturera dina program, men i utbildningssyfte hjälper det att se båda apparna på ett och samma ställe.

Kopiera och omstrukturera routningshanterarkoden

All Node.js Express-logik som returnerar data finns i mappen server/services . Du kan kopiera den här koden från Node.js Express-programmet till Functions-programmet och sedan göra några mindre omstruktureringar för att få koden att fungera med Functions i stället för Node.js Express.

I följande tabell visas de största skillnaderna mellan Node.js Express-programmet och Functions-programmet:

Komponent Node.js Express Functions
Importerat npm-paket för att hantera programmet express @azure/functions
Begärande- och svarsobjekt req och res request och context

Först omstrukturerar du koden för att importera lämpligt npm-paket. Sedan omstrukturerar du för att hantera skillnaderna mellan hur Express och Functions skickar begärande- och svarsobjekten.

Kopiera över befintlig kod från Express-projekt

I Visual Studio Code kopierar du följande undermappar från servermappen i Express-programmet och klistrar in dem i mappen functions/:

  • data
  • modeller
  • services

Du behöver inte kopiera mappen routes eftersom du ska skapa nya funktioner för varje väg i Azure Functions-appen.

Fortsätt till nästa enhet för att skapa funktionerna och omstrukturera slutpunkterna och vägarna.