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

Artikel
12/24/2024

Belangrijk

Cloud Services (klassiek) is vanaf 1 september 2024 afgeschaft voor alle klanten. Bestaande actieve implementaties worden gestopt en afgesloten door Microsoft en de gegevens gaan vanaf oktober 2024 definitief verloren. Nieuwe implementaties moeten gebruikmaken van het nieuwe op Azure Resource Manager gebaseerde implementatiemodel Azure Cloud Services (uitgebreide ondersteuning).

Node.js bevat een minimale set functionaliteiten in de kernruntime. Ontwikkelaars gebruiken vaak niet-Microsoft-modules om meer 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 Model-View-Control-framework biedt voor het maken van Node.js webtoepassingen.

In de volgende schermopname ziet u de voltooide toepassing:

Een webbrowser met Welkom bij Express in Azure

Een cloudserviceproject maken

Notitie

Als u deze sectie wilt voltooien, moet u een werkende installatie van Node.js en de Azure SDK voor Node.js voor uw platform hebben.

Installeer de Azure SDK voor Node.js: Windows Installer

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

Zoek in het startmenu of het startscherm naar Windows PowerShell. Klik ten slotte met de rechtermuisknop op Windows PowerShell en selecteer Uitvoeren als-beheerder.
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 voorgaande regel Set-AzureServiceProjectRole 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

Installeer de Express-generator door de volgende opdracht uit te geven:
```
PS C:\node\expressapp> npm install express-generator -g
```
In de volgende schermopname ziet u de uitvoer van de npm-opdracht. De uitvoer moet er ongeveer als volgt uitzien.
Wijzig mappen in de map WebRole1 en gebruik de express-opdracht om een nieuwe toepassing te genereren:
```
PS C:\node\expressapp\WebRole1> express
```
Als u wilt doorgaan, voert u y of ja in wanneer u wordt gevraagd uw eerdere toepassing te overschrijven. Express genereert het app.js-bestand en een mapstructuur voor het bouwen van uw toepassing.
Als u de andere afhankelijkheden wilt installeren die zijn gedefinieerd in het bestand package.json, voert u de volgende opdracht in:
```
PS C:\node\expressapp\WebRole1> npm install
```
Gebruik de volgende opdracht om het bin/www-bestand te kopiëren naar server.js. Met deze stap kan de cloudservice het toegangspunt voor deze toepassing 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.
Wijzig de server.js om een van de tekens '.' uit de volgende regel te verwijderen.
```
var app = require('../app');
```
Zodra u deze wijziging hebt aangebracht, wordt de regel als volgt 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 server.js bestand op nadat u deze wijziging hebt aangebracht.
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.

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.
Wijzig de laatste tekstregel door deze toe te voegen in Azure.
Sla het bestand op en sluit Kladblok af.
Vernieuw uw browser om uw wijzigingen te zien.

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 uw browser geopend en wordt de webpagina weergegeven.

Een webbrowser met de Express-pagina. De URL geeft aan dat deze nu wordt gehost in Azure.

Volgende stappen

Zie het Node.js-ontwikkelaarscentrum voor meer informatie.

Delen via