Snabbstart: Skapa en TypeScript-funktion i Azure från kommandoraden

I den här artikeln använder du kommandoradsverktyg för att skapa en TypeScript-funktion som svarar på HTTP-begäranden. När du har testat koden lokalt distribuerar du den till den serverlösa miljön i Azure Functions.

Slutförandet av den här snabbstarten medför en liten kostnad på några USD cent eller mindre i ditt Azure-konto.

Det finns också en Visual Studio Code-baserad version av den här artikeln.

Konfigurera din lokala miljö

Innan du börjar måste du ha följande förutsättningar:

• Ett Azure-konto med en aktiv prenumeration. Skapa ett konto utan kostnad.

• Ett av följande verktyg för att skapa Azure-resurser:

  • Azure CLI version 2.4 eller senare.

  • Azure Az PowerShell-modulen version 5.9.0 eller senare.

Installera Azure Functions Core Tools

Det rekommenderade sättet att installera Core Tools beror på operativsystemet på din lokala utvecklingsdator.

Skapa ett lokalt funktionsprojekt

I Azure Functions är ett funktionsprojekt en container för en eller flera enskilda funktioner som var och en svarar på en specifik utlösare. Alla funktioner i ett projekt delar samma lokala konfigurationer och värdkonfigurationer. I det här avsnittet skapar du ett funktionsprojekt som innehåller en enda funktion.

import { AzureFunction, Context, HttpRequest } from "@azure/functions"

const httpTrigger: AzureFunction = async function (context: Context, req: HttpRequest): Promise<void> {
    context.log('HTTP trigger function processed a request.');
    const name = (req.query.name || (req.body && req.body.name));
    const responseMessage = name
        ? "Hello, " + name + ". This HTTP triggered function executed successfully."
        : "This HTTP triggered function executed successfully. Pass a name in the query string or in the request body for a personalized response.";

    context.res = {
        // status: 200, /* Defaults to 200 */
        body: responseMessage
    };

};

export default httpTrigger;

{
    "bindings": [
        {
            "authLevel": "function",
            "type": "httpTrigger",
            "direction": "in",
            "name": "req",
            "methods": [
                "get",
                "post"
            ]
        },
        {
            "type": "http",
            "direction": "out",
            "name": "res"
        }
    ]
}

Kör funktionen lokalt

1. Kör funktionen genom att starta den lokala Azure Functions-körningsvärden från mappen LocalFunctionProj :

   npm install
   npm start
   

   npm start
   

   Mot slutet av utdata bör följande loggar visas:

   

   Kommentar

   Om HttpExample inte visas som i loggarna startade du förmodligen värden utanför rotmappen i projektet. I så fall kan du använda Ctrl+c för att stoppa värden, navigera till projektets rotmapp och köra föregående kommando igen.

2. Kopiera URL:en för funktionen HttpExample från det här utdata till en webbläsare och lägg till frågesträngen ?name=<your-name>, vilket gör den fullständiga URL:en till exempel http://localhost:7071/api/HttpExample?name=Functions. Webbläsaren bör visa ett meddelande som Hello Functions:

   

   Terminalen där du startade projektet visar även loggutdata när du gör begäranden.

3. När du är klar använder du Ctrl+c och väljer y för att stoppa funktionsvärden.

Skapa stödresurser för Azure-resurser för din funktion

Innan du kan distribuera funktionskoden till Azure måste du skapa tre resurser:

• En resursgrupp, som är en logisk container för relaterade resurser.
• Ett lagringskonto som används för att underhålla tillstånd och annan information om dina funktioner.
• En funktionsapp som tillhandahåller miljön för att köra funktionskoden. En funktionsapp mappar till ditt lokala funktionsprojekt och låter dig gruppera funktioner som en logisk enhet för enklare hantering, distribution och delning av resurser.

Använd följande kommandon för att skapa dessa objekt. Både Azure CLI och PowerShell stöds.

1. Om du inte redan har gjort det loggar du in på Azure:

   • Azure CLI
   • Azure PowerShell

   az login
   

   Kommandot az login loggar in dig på ditt Azure-konto.

2. Skapa en resursgrupp med namnet AzureFunctionsQuickstart-rg i den valda regionen:

   • Azure CLI
   • Azure PowerShell

   az group create --name AzureFunctionsQuickstart-rg --location <REGION>
   

   Kommandot az group create skapar en resursgrupp. I kommandot ovan ersätter <REGION> du med en region nära dig med hjälp av en tillgänglig regionkod som returneras från kommandot az account list-locations .

3. Skapa ett allmänt lagringskonto i din resursgrupp och region:

   • Azure CLI
   • Azure PowerShell

   az storage account create --name <STORAGE_NAME> --location <REGION> --resource-group AzureFunctionsQuickstart-rg --sku Standard_LRS --allow-blob-public-access false
   

   Kommandot az storage account create skapar lagringskontot.

   I föregående exempel ersätter du <STORAGE_NAME> med ett namn som är lämpligt för dig och unikt i Azure Storage. Namn får endast innehålla siffror med tre till 24 tecken och gemener. Standard_LRS anger ett konto för generell användning som stöds av Functions.

4. Skapa funktionsappen i Azure:

   • Azure CLI
   • Azure PowerShell

   az functionapp create --resource-group AzureFunctionsQuickstart-rg --consumption-plan-location <REGION> --runtime node --runtime-version 18 --functions-version 4 --name <APP_NAME> --storage-account <STORAGE_NAME>
   

   Kommandot az functionapp create skapar funktionsappen i Azure. Vi rekommenderar att du använder den senaste versionen av Node.js, som för närvarande är 18. Du kan ange versionen genom att ange --runtime-version till 18.

   I föregående exempel ersätter <STORAGE_NAME> du med namnet på det konto som du använde i föregående steg och ersätter <APP_NAME> med ett globalt unikt namn som passar dig. <APP_NAME> är även DNS-standarddomänen för funktionsappen.

   Det här kommandot skapar en funktionsapp som körs i din angivna språkkörning under Azure Functions Consumption Plan, vilket är kostnadsfritt för den mängd användning som du får här. Kommandot skapar också en associerad Azure Application Insights-instans i samma resursgrupp, med vilken du kan övervaka funktionsappen och visa loggar. Mer information finns i Övervaka Azure Functions. Instansen medför inga kostnader förrän du aktiverar den.

Distribuera funktionsprojektet till Azure

Innan du använder Core Tools för att distribuera projektet till Azure skapar du en produktionsklar version av JavaScript-filer från TypeScript-källfilerna.

1. Använd följande kommando för att förbereda TypeScript-projektet för distribution:

   npm run build
   

2. Med nödvändiga resurser på plats är du nu redo att distribuera ditt lokala funktionsprojekt till funktionsappen i Azure med hjälp av publiceringskommandot . I följande exempel ersätter du <APP_NAME> med namnet på din app.

   func azure functionapp publish <APP_NAME>
   

   Om du ser felet "Det går inte att hitta appen med namnet ..." väntar du några sekunder och försöker igen eftersom Azure kanske inte helt har initierat appen efter föregående az functionapp create kommando.

   Publiceringskommandot visar resultat som liknar följande utdata (trunkerade för enkelhetens skull):

    ...
   
    Getting site publishing info...
    Creating archive for current directory...
    Performing remote build for functions project.
   
    ...
   
    Deployment successful.
    Remote build succeeded!
    Syncing triggers...
    Functions in msdocs-azurefunctions-qs:
        HttpExample - [httpTrigger]
            Invoke url: https://msdocs-azurefunctions-qs.azurewebsites.net/api/httpexample?code=KYHrydo4GFe9y0000000qRgRJ8NdLFKpkakGJQfC3izYVidzzDN4gQ==
    

Anropa funktionen i Azure

Eftersom funktionen använder en HTTP-utlösare anropar du den genom att göra en HTTP-begäran till dess URL i webbläsaren eller med ett verktyg som curl.

Kör följande kommando för att visa direktuppspelningsloggar i nära realtid:

func azure functionapp logstream <APP_NAME> 

I ett separat terminalfönster eller i webbläsaren anropar du fjärrfunktionen igen. En utförlig logg över funktionskörningen i Azure visas i terminalen.

Rensa resurser

Om du fortsätter till nästa steg och lägger till en Azure Storage-köutdatabindning behåller du alla resurser på plats när du bygger vidare på det du redan har gjort.

Annars använder du följande kommando för att ta bort resursgruppen och alla dess inneslutna resurser för att undvika ytterligare kostnader.

az group delete --name AzureFunctionsQuickstart-rg

Remove-AzResourceGroup -Name AzureFunctionsQuickstart-rg

Nästa steg