Cvičení – vytvoření aplikace Azure Functions a refaktoring kódu

  • 5 min

V tomto cvičení vytvoříte bezserverovou aplikaci Azure Functions, která spouští rozhraní API místo aplikace Express. Pak migrujete logiku aplikace z aplikace Node.js Express do aplikace Functions. Kód nemusíte přepisovat. K provedení přechodu potřebujete jenom několik malých změn kódu.

Vytvoření nové aplikace Azure Functions

Ujistěte se, že máte nainstalované rozšíření Visual Studio Code pro Azure Functions .

  1. Stisknutím klávesy F1 otevřete paletu příkazů v editoru Visual Studio Code.

  2. Zadejte a vyberte Azure Functions: Vytvořit nový projekt.

    Screenshot of Visual Studio Code creating a new function app.

  3. Jako umístění nového projektu vyberte kořen úložiště.

  4. Při zobrazení výzvy zadejte následující hodnoty.

    Jméno Hodnota
    Jazyk TypeScript
    Výběr programovacího modelu TypeScriptu Model V4
    Šablona Trigger HTTP
    Název getVacations

Aplikace Functions je teď vytvořená tak, aby sloužila koncovým bodům rozhraní API aplikace. V další lekci vytvoříte funkce, které vypisují, přidávají, aktualizují a odstraňují dovolené.

Poznámka:

Aplikaci Functions jste vytvořili ve složce funkcí , která ji odděluje od aplikace Angular. Můžete se rozhodnout, jak strukturovat aplikace, ale pro účely výuky vám pomůže vidět obě aplikace na jednom místě.

Kopírování a refaktoring kódu obslužné rutiny trasy

Veškerá logika Node.js Express, která vrací data, je ve složce server/služby . Tento kód můžete zkopírovat z aplikace Node.js Express do aplikace Functions a pak provést menší refaktoring, aby kód fungoval s funkcemi místo Node.js Express.

Následující tabulka uvádí hlavní rozdíly mezi aplikací Node.js Express a aplikací Functions:

Komponenta Node.js Express Functions
Importovaný balíček npm pro obsluhu aplikace express @azure/functions
Objekty požadavků a odpovědí req a res request a context

Nejprve refaktorujete kód pro import příslušného balíčku npm. Pak refaktorujete, abyste zvládli rozdíly mezi tím, jak Express a Functions předávají objekty požadavku a odpovědi.

Kopírování existujícího kódu z projektu Express

V editoru Visual Studio Code zkopírujte následující podsložky ze složky serveru v aplikaci Express a vložte ji do funkcí nebo složky:

  • data
  • modely
  • services

Složku tras nemusíte kopírovat, protože pro každou trasu v aplikaci Azure Functions budete vytvářet nové funkce.

Pokračujte k další lekci a vytvořte funkce a refaktorujte koncové body a trasy.