Sestavení a nasazení webové aplikace Node.js pomocí Expressu ve službě Azure Cloud Services (classic)

Důležité

Služba Cloud Services (Classic) je teď pro nové zákazníky zastaralá a bude vyřazena 31. srpna 2024 pro všechny zákazníky. Nová nasazení by měla používat nový model nasazení založený na Azure Resource Manageru na Azure Cloud Services (rozšířená podpora).

Node.js zahrnuje minimální sadu funkcí v základním modulu runtime. Vývojáři často používají moduly třetích stran k poskytování dalších funkcí při vývoji aplikace Node.js. V tomto kurzu vytvoříte novou aplikaci pomocí modulu Express , který poskytuje architekturu MVC pro vytváření webových aplikací Node.js.

Snímek obrazovky dokončené aplikace je následující:

A web browser displaying Welcome to Express in Azure

Vytvoření projektu cloudové služby

Poznámka:

K úspěšnému dokončení této části musíte mít funkční instalaci Node.js a sady Azure SDK pro Node.js pro vaši platformu.

Následujícím postupem vytvořte nový projekt cloudové služby s názvem expressapp:

  1. V nabídce Start nebo na úvodní obrazovce vyhledejte Prostředí Windows PowerShell. Nakonec klikněte pravým tlačítkem na Windows PowerShell a vyberte Spustit jako Správa istrator.

    Azure PowerShell icon

  2. Přejděte do adresáře c:\node a zadejte následující příkazy, které vytvoří nové řešení s názvem expressappWebRole1 a webovou roli:

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

    Poznámka:

    Ve výchozím nastavení add-AzureNodeWebRole používá starší verzi Node.js. Výše uvedený příkaz Set-AzureServiceProjectRole dává Azure pokyn, aby používal v0.10.21 node. Všimněte si, že parametry rozlišují malá a velká písmena. Správnou verzi Node.js můžete ověřit tak, že zkontrolujete vlastnost moduly v souboru WebRole1\package.json.

Instalace aplikace Express

  1. Nainstalujte generátor Express spuštěním následujícího příkazu:

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

    Výstup příkazu npm by měl vypadat podobně jako v následujícím výsledku.

    Windows PowerShell displaying the output of the npm install express command.

  2. Přejděte do adresáře WebRole1 a pomocí expresního příkazu vygenerujte novou aplikaci:

    PS C:\node\expressapp\WebRole1> express
    

    Zobrazí se výzva k přepsání předchozí aplikace. Pokračujte zadáním y nebo ano . Express vygeneruje soubor app.js a strukturu složek pro sestavení aplikace.

    The output of the express command

  3. Pokud chcete nainstalovat další závislosti definované v souboru package.json, zadejte následující příkaz:

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

    The output of the npm install command

  4. Pomocí následujícího příkazu zkopírujte soubor bin/www na server.js. To znamená, že cloudová služba může najít vstupní bod pro tuto aplikaci.

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

    Po dokončení tohoto příkazu byste měli mít soubor server.js v adresáři WebRole1.

  5. Upravte server.js tak, aby z následujícího řádku odebral jeden ze znaků ..

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

    Po provedení této úpravy by se řádek měl zobrazit následujícím způsobem.

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

    Tato změna se vyžaduje, protože jsme soubor (dříve bin/www) přesunuli do stejného adresáře, jako je požadovaný soubor aplikace. Po provedení této změny uložte soubor server.js .

  6. Pomocí následujícího příkazu spusťte aplikaci v emulátoru Azure:

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

    A web page containing welcome to express.

Úprava zobrazení

Teď upravte zobrazení tak, aby se zobrazila zpráva "Vítejte v Expressu v Azure".

  1. Zadáním následujícího příkazu otevřete soubor index.jade:

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

    The contents of the index.jade file.

    Jade je výchozí modul zobrazení používaný aplikacemi Express.

  2. Upravte poslední řádek textu připojením v Azure.

    The index.jade file, the last line reads: p Welcome to #{title} in Azure

  3. Uložte soubor a ukončete Poznámkový blok.

  4. Aktualizujte prohlížeč a uvidíte změny.

    A browser window, the page contains Welcome to Express in Azure

Po testování aplikace pomocí rutiny Stop-AzureEmulator zastavte emulátor.

Publikování aplikace do Azure

V okně Azure PowerShellu pomocí rutiny Publish-AzureServiceProject nasaďte aplikaci do cloudové služby.

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

Po dokončení operace nasazení se prohlížeč otevře a zobrazí webovou stránku.

A web browser displaying the Express page. The URL indicates it is now hosted on Azure.

Další kroky

Další informace najdete v tématu Centrum pro vývojáře Node.js.