Dela via


Skapa och distribuera ett Node.js webbprogram med Express på en Azure Cloud Services (klassisk)

Viktigt!

Cloud Services (klassisk) är nu inaktuellt för alla kunder från och med den 1 september 2024. Alla befintliga distributioner som körs stoppas och stängs av av Microsoft och data försvinner permanent från och med oktober 2024. Nya distributioner bör använda den nya Azure Resource Manager-baserade distributionsmodellen Azure Cloud Services (utökad support).

Node.js innehåller en minimal uppsättning funktioner i kärnkörningen. Utvecklare använder ofta moduler som inte kommer från Microsoft för att tillhandahålla fler funktioner när de utvecklar ett Node.js program. I den här självstudien skapar du ett nytt program med hjälp av Express-modulen , som tillhandahåller ett Modellvykontroll-ramverk för att skapa Node.js webbprogram.

Följande skärmbild visar det slutförda programmet:

En webbläsare som visar Välkommen till Express i Azure

Skapa ett molntjänstprojekt

Kommentar

För att slutföra det här avsnittet måste du ha en fungerande installation av Node.js och Azure SDK för Node.js för din plattform.

Utför följande steg för att skapa ett nytt molntjänstprojekt med namnet expressapp:

  1. Från Start-menyn eller Startskärmen söker du efter Windows PowerShell. Högerklicka slutligen på Windows PowerShell och välj Kör som administratör.

    Azure PowerShell-ikon

  2. Ändra kataloger till katalogen c:\node och ange sedan följande kommandon för att skapa en ny lösning med namnet expressapp och en webbroll med namnet WebRole1:

    PS C:\node> New-AzureServiceProject expressapp
    PS C:\Node\expressapp> Add-AzureNodeWebRole
    PS C:\Node\expressapp> Set-AzureServiceProjectRole WebRole1 Node 0.10.21
    

    Kommentar

    Som standard använder Add-AzureNodeWebRole en äldre version av Node.js. Föregående Set-AzureServiceProjectRole-rad instruerar Azure att använda v0.10.21 av Node. Observera att parametrarna är skiftlägeskänsliga. Du kan kontrollera att rätt version av Node.js har valts genom att kontrollera motoregenskapen i WebRole1\package.json.

Installera Express

  1. Installera Express-generatorn genom att utfärda följande kommando:

    PS C:\node\expressapp> npm install express-generator -g
    

    Följande skärmbild visar utdata från npm-kommandot. Dina utdata bör se ut ungefär så här.

    Windows PowerShell visar utdata från kommandot npm install express.

  2. Ändra kataloger till katalogen WebRole1 och använd expresskommandot för att generera ett nytt program:

    PS C:\node\expressapp\WebRole1> express
    

    Om du vill fortsätta anger du y eller ja när du uppmanas att skriva över ditt tidigare program. Express genererar app.js-filen och en mappstruktur för att skapa ditt program.

    Utdata från expresskommandot

  3. Om du vill installera de andra beroendena som definierats i filen package.json anger du följande kommando:

    PS C:\node\expressapp\WebRole1> npm install
    

    Utdata från npm-installationskommandot

  4. Använd följande kommando för att kopiera bin/www-filen till server.js. Med det här steget kan molntjänsten hitta startpunkten för det här programmet.

    PS C:\node\expressapp\WebRole1> copy bin/www server.js
    

    När det här kommandot har slutförts bör du ha en server.js fil i katalogen WebRole1.

  5. Ändra server.js om du vill ta bort något av tecknen från följande rad.

    var app = require('../app');
    

    När du gör den här ändringen bör raden visas på följande sätt:

    var app = require('./app');
    

    Den här ändringen krävs eftersom vi flyttade filen (tidigare bin/www) till samma katalog som appfilen som krävs. När du har gjort den här ändringen sparar du filen server.js .

  6. Använd följande kommando för att köra programmet i Azure-emulatorn:

    PS C:\node\expressapp\WebRole1> Start-AzureEmulator -launch
    

    En webbsida som innehåller välkommen att uttrycka.

Ändra vyn

Ändra nu vyn så att meddelandet "Välkommen till Express i Azure" visas.

  1. Ange följande kommando för att öppna filen index.jade:

    PS C:\node\expressapp\WebRole1> notepad views/index.jade
    

    Innehållet i filen index.jade.

    Jade är standardvymotorn som används av Express-program.

  2. Ändra den sista textraden genom att lägga till den i Azure.

    Filen index.jade, den sista raden lyder: p Välkommen till #{title} i Azure

  3. Spara filen och avsluta Anteckningar.

  4. Uppdatera webbläsaren om du vill se dina ändringar.

    En webbläsarfönster, sidan innehåller Välkommen till Express i Azure

När du har testat programmet använder du cmdleten Stop-AzureEmulator för att stoppa emulatorn.

Publicera programmet till Azure

I Azure PowerShell-fönstret använder du cmdleten Publish-AzureServiceProject för att distribuera programmet till en molntjänst

PS C:\node\expressapp\WebRole1> Publish-AzureServiceProject -ServiceName myexpressapp -Location "East US" -Launch

När distributionen är klar öppnas webbläsaren och webbsidan visas.

En webbläsare som visar Express-sidan. URL:en anger att den nu finns i Azure.

Nästa steg

Mer information finns i Node.js Developer Center.