Udostępnij za pośrednictwem


Tworzenie i wdrażanie aplikacji internetowej Node.js przy użyciu platformy Express w usługach Azure Cloud Services (wersja klasyczna)

Ważne

Usługi Cloud Services (wersja klasyczna) są teraz przestarzałe dla wszystkich klientów od 1 września 2024 r. Wszystkie istniejące uruchomione wdrożenia zostaną zatrzymane i zamknięte przez firmę Microsoft, a dane zostaną przypadkowo utracone od października 2024 r. Nowe wdrożenia powinny używać nowego modelu wdrażania opartego na usłudze Azure Resource Manager w usługach Azure Cloud Services (wsparcie dodatkowe).

Node.js zawiera minimalny zestaw funkcji w podstawowym środowisku uruchomieniowym. Deweloperzy często używają modułów innych niż Microsoft do zapewnienia większej funkcjonalności podczas tworzenia aplikacji Node.js. W tym samouczku utworzysz nową aplikację przy użyciu modułu Express , który udostępnia platformę Kontroli widoku modelu na potrzeby tworzenia aplikacji internetowych Node.js.

Poniższy zrzut ekranu przedstawia ukończoną aplikację:

Przeglądarka internetowa z wyświetloną usługą Express na platformie Azure — Zapraszamy!

Tworzenie projektu usługi w chmurze

Uwaga

Aby pomyślnie ukończyć tę sekcję, musisz mieć działającą instalację Node.js i zestaw Azure SDK dla Node.js dla danej platformy.

Wykonaj następujące kroki, aby utworzyć nowy projekt usługi w chmurze o nazwie expressapp:

  1. Z menu Start lub ekranu startowego wyszukaj ciąg Windows PowerShell. Na koniec kliknij prawym przyciskiem myszy program Windows PowerShell i wybierz polecenie Uruchom jako administrator.

    Ikona programu Azure PowerShell

  2. Zmień katalogi na katalog c:\node , a następnie wprowadź następujące polecenia, aby utworzyć nowe rozwiązanie o nazwie i rolę sieci Web o nazwie 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
    

    Uwaga

    Domyślnie funkcja Add-AzureNodeWebRole używa starszej wersji Node.js. Poprzedni wiersz Set-AzureServiceProjectRole instruuje platformę Azure, aby korzystała z wersji 0.10.21 węzła. Zwróć uwagę, że w parametrach jest rozróżniana wielkość liter. Możesz sprawdzić poprawną wersję Node.js została wybrana, sprawdzając właściwość engines w elemecie WebRole1\package.json.

Instalowanie platformy Express

  1. Zainstaluj generator Express, wydając następujące polecenie:

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

    Poniższy zrzut ekranu przedstawia dane wyjściowe polecenia npm. Dane wyjściowe powinny wyglądać podobnie.

    Program Windows PowerShell wyświetla dane wyjściowe polecenia npm install express.

  2. Zmień katalogi na katalog WebRole1 i użyj polecenia express, aby wygenerować nową aplikację:

    PS C:\node\expressapp\WebRole1> express
    

    Aby kontynuować, wprowadź wartość y lub tak po wyświetleniu monitu o zastąpienie wcześniejszej aplikacji. Platforma Express generuje plik app.js i strukturę folderów do tworzenia aplikacji.

    Dane wyjściowe polecenia ekspresowego

  3. Aby zainstalować inne zależności zdefiniowane w pliku package.json, wprowadź następujące polecenie:

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

    Dane wyjściowe polecenia npm install

  4. Użyj następującego polecenia, aby skopiować plik bin/www do server.js. Ten krok umożliwia usłudze w chmurze znalezienie punktu wejścia dla tej aplikacji.

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

    Po zakończeniu tego polecenia w katalogu WebRole1 powinien znajdować się plik server.js .

  5. Zmodyfikuj server.js, aby usunąć jeden z znaków ""." z następującego wiersza.

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

    Po wprowadzeniu tej modyfikacji wiersz powinien wyglądać następująco:

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

    Ta zmiana jest wymagana, ponieważ plik (wcześniej bin/www) został przeniesiony do tego samego katalogu co wymagany plik aplikacji. Po wprowadzeniu tej zmiany zapisz plik server.js .

  6. Użyj następującego polecenia, aby uruchomić aplikację w emulatorze platformy Azure:

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

    Strona internetowa zawierająca zapraszamy do wyrażenia.

Modyfikowanie widoku

Teraz zmodyfikuj widok, aby wyświetlić komunikat "Witamy w usłudze Express na platformie Azure".

  1. Wprowadź następujące polecenie, aby otworzyć plik index.jade:

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

    Zawartość pliku index.jade.

    Jade jest domyślnym aparatem wyświetlania używanym przez aplikacje Express.

  2. Zmodyfikuj ostatni wiersz tekstu, dołączając go na platformie Azure.

    Plik index.jade, ostatni wiersz brzmi: p Welcome to #{title} in Azure (Zapraszamy do pliku #{title} na platformie Azure)

  3. Zapisz plik i zamknij Notatnik.

  4. Aby wyświetlić zmiany, odśwież przeglądarkę.

    Okno przeglądarki zawiera stronę Welcome to Express in Azure (Witamy w usłudze Express na platformie Azure)

Po przetestowaniu aplikacji użyj polecenia cmdlet Stop-AzureEmulator , aby zatrzymać emulator.

Publikowanie aplikacji na platformie Azure

W oknie programu Azure PowerShell użyj polecenia cmdlet Publish-AzureServiceProject , aby wdrożyć aplikację w usłudze w chmurze

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

Po zakończeniu operacji wdrażania przeglądarka zostanie otwarta i zostanie wyświetlona strona internetowa.

Przeglądarka internetowa wyświetlającą stronę Express. Adres URL wskazuje, że jest teraz hostowany na platformie Azure.

Następne kroki

Aby uzyskać więcej informacji, odwiedź stronę Centrum deweloperów środowiska Node.js.