Ćwiczenie — pisanie kodu w celu wdrożenia aplikacji internetowej

  • {liczbaMinut} minut

W tej lekcji użyjesz narzędzi deweloperskich do utworzenia kodu dla początkowej aplikacji internetowej.

Tworzenie nowego projektu internetowego

Najważniejszym narzędziem interfejsu wiersza polecenia platformy .NET jest dotnet. Za pomocą tego polecenia utworzysz nowy projekt internetowy platformy ASP.NET Core.

Uruchom następujące polecenie, aby utworzyć nową aplikację ASP.NET Core Model-View Cotroller (MVC) o nazwie "BestBikeApp":

dotnet new mvc --name BestBikeApp

Polecenie tworzy nowy folder o nazwie "BestBikeApp" do przechowywania projektu. Aby przetestować aplikację lokalnie, potrzebujesz zestawu .NET SDK zainstalowanego w systemie.

Aby utworzyć początkową aplikację internetową, używamy programu Maven, powszechnie używanego narzędzia do zarządzania projektami i kompilowania dla aplikacji Java. Użyjemy szablonu maven-archetype-webapp do wygenerowania kodu dla naszej aplikacji internetowej.

  1. Uruchom następujące polecenia w usłudze Azure Cloud Shell, aby utworzyć nową aplikację internetową:

    cd ~
mvn archetype:generate -DgroupId=example.demo -DartifactId=helloworld -DinteractiveMode=false -DarchetypeArtifactId=maven-archetype-webapp -DarchetypeVersion=1.5

  2. Teraz uruchom następujące polecenia, aby przejść do nowego katalogu aplikacji „helloworld” i utworzyć pakiet aplikacji na potrzeby wdrożenia:

    cd helloworld
mvn package

  3. Po zakończeniu działania polecenia uruchom następujące polecenia, aby otworzyć katalog docelowy i wyświetlić jego zawartość:

    cd target
ls

Masz teraz plik o nazwie helloworld.war , który jest pakietem aplikacji internetowej, który zamierzamy wdrożyć w usłudze App Service.

Aby utworzyć początkową aplikację internetową Node.js, użyjemy środowiska Node Menedżer pakietów (npm) wraz z kodem JavaScript w celu uruchomienia rzeczywistego przetwarzania strony internetowej.

  1. Uruchom następujące polecenia w terminalu, aby utworzyć nowy package.json plik opisujący naszą aplikację Node.js:

    cd ~
mkdir helloworld
cd helloworld
cat >package.json <<EOL
{
  "name": "helloworld",
  "version": "1.0.0",
  "scripts": {
    "start": "node index.js"
  }
}
EOL

Nowy package.json plik zostanie utworzony w bieżącym folderze. Powinien on znajdować się w bieżącym folderze, jeśli zostanie wprowadzony ls w oknie terminalu. Do uruchomienia logiki witryny internetowej potrzebujemy pliku JavaScript. W tym podstawowym przykładzie potrzebujemy tylko jednego pliku: index.js.

  1. Utwórz plik, uruchamiając następujące polecenie w terminalu:

    cat >index.js <<EOL
const http = require('http');

const server = http.createServer(function(request, response) { 
    response.writeHead(200, { "Content-Type": "text/html" });
    response.end("<html><body><h1>Hello World!</h1></body></html>");
});

const port = process.env.PORT || 1337;
server.listen(port);

console.log(\`Server running at http://localhost:\${port}\`);
EOL

Aby przetestować aplikację lokalnie, musisz mieć zainstalowane Node.js i npm w systemie.

Aby utworzyć początkową aplikację internetową, użyjemy platformy web-application platformy Flask.

  1. Uruchom następujące polecenia w usłudze Azure Cloud Shell, aby skonfigurować środowisko wirtualne i zainstalować platformę Flask w profilu:

    python3 -m venv venv
source venv/bin/activate
pip install flask

  2. Uruchom następujące polecenia, aby utworzyć i przełączyć się do nowego katalogu aplikacji internetowej:

    mkdir ~/BestBikeApp
cd ~/BestBikeApp

  3. Utwórz nowy plik o nazwie application.py z podstawową odpowiedzią HTML:

    cat >application.py <<EOL
from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello():
    return "<html><body><h1>Hello Best Bike App!</h1></body></html>\n"
EOL

  4. Aby wdrożyć aplikację na platformie Azure, należy zapisać listę wymagań aplikacji wprowadzonych w pliku requirements.txt . W tym celu uruchom następujące polecenie:

    pip freeze > requirements.txt

Aby przetestować aplikację lokalnie, musisz zainstalować język Python 3 i platformę Flask w systemie.