Een Node.js-webtoepassing bouwen en implementeren met Behulp van Express in een Azure Cloud Services (klassiek)

Node.js bevat een minimale set functionaliteit in de kernruntime. Ontwikkelaars gebruiken vaak modules van derden om extra functionaliteit te bieden bij het ontwikkelen van een Node.js-toepassing. In deze zelfstudie maakt u een nieuwe toepassing met behulp van de Express-module , die een MVC-framework biedt voor het maken van Node.js-webtoepassingen.

Hieronder ziet u een schermopname van de voltooide toepassing:

Een cloudserviceproject maken

Voer de volgende stappen uit om een nieuw cloudserviceproject met de naam expressappte maken:

1. Zoek in het startmenu of het startscherm naar Windows PowerShell. Klik ten slotte met de rechtermuisknop op Windows PowerShell en selecteer Uitvoeren als Beheer istrator.

   

2. Wijzig mappen in de map c:\node en voer vervolgens de volgende opdrachten in om een nieuwe oplossing te maken met de naam expressapp WebRole1:

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

   Notitie

   Add-AzureNodeWebRole maakt standaard gebruik van een oudere versie van Node.js. Met de instructie Set-AzureServiceProjectRole hierboven wordt Azure geïnstrueerd om v0.10.21 van Node te gebruiken. Let op: de parameters zijn hoofdlettergevoelig. U kunt controleren of de juiste versie van Node.js is geselecteerd door de eigenschap engines in WebRole1\package.json te controleren.

Express installeren

1. Installeer de Express-generator door de volgende opdracht uit te geven:

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

   De uitvoer van de npm-opdracht moet er ongeveer uitzien als in het onderstaande resultaat.

   

2. Wijzig mappen in de map WebRole1 en gebruik de express-opdracht om een nieuwe toepassing te genereren:

   PS C:\node\expressapp\WebRole1> express
   

   U wordt gevraagd uw eerdere toepassing te overschrijven. Voer y of ja in om door te gaan. Express genereert het bestand app.js en een mapstructuur voor het bouwen van uw toepassing.

   

3. Als u extra afhankelijkheden wilt installeren die zijn gedefinieerd in het bestand package.json, voert u de volgende opdracht in:

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

   

4. Gebruik de volgende opdracht om het bin/www-bestand te kopiëren naar server.js. Dit is zodat de cloudservice het toegangspunt voor deze toepassing kan vinden.

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

   Nadat deze opdracht is voltooid, moet u een server.js-bestand in de map WebRole1 hebben.

5. Wijzig de server.js om een van de tekens '.' uit de volgende regel te verwijderen.

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

   Nadat u deze wijziging hebt aangebracht, moet de regel als volgt worden weergegeven.

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

   Deze wijziging is vereist omdat we het bestand (voorheen bin/www) hebben verplaatst naar dezelfde map als het app-bestand dat vereist is. Sla het bestand server.js op nadat u deze wijziging hebt aangebracht.

6. Gebruik de volgende opdracht om de toepassing uit te voeren in de Azure-emulator:

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

   

De weergave wijzigen

Wijzig nu de weergave om het bericht 'Welkom bij Express in Azure' weer te geven.

1. Voer de volgende opdracht in om het bestand index.jade te openen:

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

   

   Jade is de standaardweergave-engine die wordt gebruikt door Express-toepassingen.

2. Wijzig de laatste tekstregel door deze toe te voegen in Azure.

   

3. Sla het bestand op en sluit Kladblok af.

4. Vernieuw uw browser en u ziet uw wijzigingen.

   

Nadat u de toepassing hebt getest, gebruikt u de cmdlet Stop-AzureEmulator om de emulator te stoppen.

De toepassing publiceren naar Azure

Gebruik in het Azure PowerShell-venster de cmdlet Publish-AzureServiceProject om de toepassing te implementeren in een cloudservice

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

Zodra de implementatiebewerking is voltooid, wordt de webpagina geopend en weergegeven in uw browser.

Volgende stappen

Zie het Node.js-ontwikkelaarscentrum voor meer informatie.