Vorbereiten des Codes für die Webanwendung

Abgeschlossen

In dieser Lerneinheit erfahren Sie, wie Sie den Code für Ihre Webanwendung erstellen und in ein Repository für die Quellcodeverwaltung integrieren.

Durchführen eines Bootstraps für eine Webanwendung

Da Sie die Ressourcen für die Bereitstellung Ihrer Webanwendung erstellt haben, müssen Sie als Nächstes den Code vorbereiten, den Sie bereitstellen möchten. Es gibt viele Möglichkeiten, einen Bootstrap für eine neue Webanwendung durchzuführen, daher kann sich die hier veranschaulichte Methode von der Vorgehensweise unterscheiden, mit der Sie vertraut sind. Das Ziel besteht darin, Ihnen schnell einen Ausgangspunkt zum Abschließen des vollständigen Ablaufs bis zur Bereitstellung zu bieten.

Hinweis

Der gesamte Code und die Befehle auf dieser Seite dienen nur zur Erläuterung. Sie müssen diese nicht ausführen. Sie benötigen diese Befehle erst in einer späteren Übung.

Mit dem Befehlszeilentool dotnet, das Teil des .NET SDKs ist, können Sie den Code für eine neue Webanwendung direkt erstellen. Der Befehl dotnet new kann dazu verwendet werden, eine neue Anwendung anhand einer Vorlage zu generieren:

dotnet new mvc --name <YourAppName>

Mit diesem Befehl wird eine neue ASP.NET Core-MVC-Anwendung (Model View Controller) in einem neuen Ordner mit dem angegebenen Namen erstellt.

Sie können das Maven-Befehlszeilentool (mvn) verwenden, das häufig im Java-Ökosystem verwendet wird, um schnell eine anfängliche Webanwendung zu erstellen. Maven bietet ein spezifisches Feature namens Archetypen, das mithilfe von Vorlagen schnell Startercode für verschiedene Arten von Anwendungen erstellen kann. Sie können die Vorlage maven-archetype-webapp zum Generieren des Codes für eine einfache Web-App verwenden, die „Hello World!“ auf ihrer Startseite anzeigt.

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

Mit diesem Befehl wird der Ordner helloworld erstellt, der den Quellcode für Ihre Anwendung enthält.

Sie können das Node Package Manager-Befehlszeilentool (npm) verwenden, das in Node.js enthalten ist, um eine neue Anwendung zu erstellen. Mit dem Befehl init wird die neue Datei package.json erstellt, die für Ihre Anwendung erforderlich ist:

npm init -y

Wenn Sie die Datei package.json öffnen, die im aktuellen Ordner erstellt wurde, können Sie einen start-Eintrag zum Abschnitt scripts hinzufügen, um zu beschreiben, wie die Webanwendung ausgeführt werden sollte:

...
  "scripts": {
    "start": "node index.js"
  },
...

Anschließend können Sie den tatsächlichen Code für Ihre Webanwendung in eine neue index.js-Datei schreiben:

const http = require('http');
const port = process.env.PORT || 3000;

http.createServer(function(request, response) {
  response.writeHead(200, { 'Content-Type': 'text/plain' });
  response.end('Hello World!');
}).listen(port);

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

Mit diesem Beispielcode wird ein Server erstellt, der an Port 3000 Ihres Computers lauscht und auf jede Anforderung mit der Nachricht „Hallo Welt!“ antwortet.

Zum Erstellen einer neuen Starterwebanwendung mithilfe nur weniger Codezeilen können Sie Flask verwenden. Dabei handelt es sich um ein gängiges Webanwendungsframework. Sie können Flask mithilfe des folgenden Befehls installieren:

pip install flask

Sobald Flask in Ihrer Umgebung verfügbar ist, können Sie eine minimale Webanwendung mithilfe des folgenden Codes erstellen:

from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello():
    return "Hello World!\n"

Mit diesem Beispielcode wird ein Server erstellt, der auf jede Anforderung mit der Nachricht „Hello World!“ reagiert.

Hinzufügen Ihres Codes zur Quellcodeverwaltung

Sobald Ihr Webanwendungscode bereit ist, ist der nächste Schritt normalerweise das Einfügen des Codes in ein Repository für die Quellcodeverwaltung, z. B. Git. Wenn Sie Git auf Ihrem Computer installiert haben, wird das Repository durch die Ausführung dieser Befehle in Ihrem Quellcodeordner initialisiert.

git init
git add .
git commit -m "Initial commit"

Mithilfe dieser Befehle können Sie ein lokales Git-Repository initialisieren und einen ersten Commit mit Ihrem Code erstellen. Sie profitieren unmittelbar von dem Vorteil, dass Sie einen Verlauf Ihrer Änderungen mit Commits bewahren. Später können Sie Ihr lokales Repository mit einem Remoterepository synchronisieren, das beispielsweise auf GitHub gehostet wird. Diese Synchronisierung ermöglicht Ihnen die Einrichtung von Continuous Integration und Continuous Deployment (CI/CD). Zwar wird die Verwendung eines Repositorys für die Quellcodeverwaltung empfohlen, jedoch ist dies nicht erforderlich, um eine Anwendung in Azure App Service bereitzustellen.

Hinweis

Die Verwendung von CI/CD ermöglicht häufigere Codebereitstellungen auf zuverlässige Weise, indem Buildvorgänge, Tests und Bereitstellungen bei jeder Codeänderung automatisiert werden. Dies ermöglicht die schnellere und effizientere Bereitstellung neuer Features und Fehlerbehebungen für Ihre Anwendung.