Przygotowywanie kodu aplikacji internetowej

Ukończone

W tej lekcji dowiesz się, jak utworzyć kod dla aplikacji internetowej i zintegrować go z repozytorium kontroli źródła.

Uruchamianie aplikacji internetowej

Po utworzeniu zasobów na potrzeby wdrażania aplikacji internetowej musisz przygotować kod, który chcesz wdrożyć. Istnieje wiele sposobów uruchamiania nowej aplikacji internetowej, więc informacje na ten temat mogą różnić się od tego, do czego służysz. Celem lekcji jest szybkie udostępnienie punktu wyjścia do ukończenia pełnego cyklu wdrożenia.

Uwaga

Cały kod i polecenia wyświetlane na tej stronie są przeznaczone tylko do celów wyjaśnień; nie trzeba ich wykonywać. Użyjemy ich w kolejnym ćwiczeniu.

Narzędzie wiersza polecenia dotnet, które jest częścią zestawu .NET SDK, pozwala bezpośrednio utworzyć kod nowej aplikacji internetowej. W szczególności możesz użyć dotnet new polecenia , aby wygenerować nową aplikację na podstawie szablonu:

dotnet new mvc --name <YourAppName>

To polecenie tworzy nową aplikację ASP.NET Core MVC w nowym folderze o określonej nazwie.

Aby szybko utworzyć początkową aplikację internetową, można skorzystać z narzędzia wiersza polecenia Maven (mvn), używanego powszechnie w ekosystemie Java. Narzędzie Maven zawiera w szczególności funkcję o nazwie archetypy, za pomocą której można szybko utworzyć kod początkowy różnych rodzajów aplikacji, korzystając z szablonów. Możesz użyć szablonu maven-archetype-webapp , aby wygenerować kod dla prostej aplikacji internetowej, która wyświetla komunikat "Hello World!" na swojej stronie głównej.

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

To polecenie tworzy helloworld folder zawierający kod źródłowy aplikacji.

Aby utworzyć nową aplikację, można użyć narzędzia wiersza polecenia Menedżer pakietów node (npm), dołączonego do środowiska Node.js. Polecenie init tworzy nowe package.json wymagane dla aplikacji:

npm init -y

Jeśli otworzysz package.json plik, który został utworzony w bieżącym folderze, możesz dodać start wpis do scripts sekcji, aby opisać sposób uruchamiania aplikacji internetowej:

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

Po wykonaniu tej czynności możesz napisać rzeczywisty kod aplikacji internetowej w nowym index.js pliku:

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}`);

Ten przykładowy kod tworzy serwer, który nasłuchuje na porcie 3000 komputera i odpowiada na każde żądanie z komunikatem "Hello World!".

Aby utworzyć nowy szablon startowy aplikacji internetowej przy użyciu kilku wierszy kodu, możesz użyć platformy Flask, która jest powszechnie używaną strukturą aplikacji internetowych. Platformę Flask można zainstalować przy użyciu następującego polecenia:

pip install flask

Po udostępnieniu narzędzia Flask w środowisku można utworzyć minimalną aplikację internetową przy użyciu tego kodu:

from flask import Flask
app = Flask(__name__)

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

Ten przykładowy kod tworzy serwer, który odpowiada na każde żądanie z komunikatem "Hello World!".

Dodawanie kodu do kontroli źródła

Po kodzie aplikacji internetowej następnym krokiem jest zwykle umieszczenie kodu w repozytorium kontroli źródła, takim jak Git. Jeśli na komputerze zainstalowano narzędzie Git, uruchomienie tych poleceń w folderze kodu źródłowego spowoduje zainicjowanie repozytorium.

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

Te polecenia umożliwiają zainicjowanie lokalnego repozytorium Git i utworzenie pierwszego zatwierdzenia przy użyciu kodu. Natychmiast zyskujesz korzyść z utrzymania historii zmian za pomocą zatwierdzeń. Później będzie można zsynchronizować repozytorium lokalne z repozytorium zdalnym; na przykład hostowane w usłudze GitHub. Umożliwia to skonfigurowanie ciągłej integracji i ciągłego wdrażania (CI/CD). Chociaż zalecamy używanie repozytorium kontroli źródła dla aplikacji produkcyjnych, nie jest wymagane wdrożenie aplikacji w usłudze aplikacja systemu Azure Service.

Uwaga

Użycie ciągłej integracji/ciągłego wdrażania umożliwia częstsze wdrażanie kodu w niezawodny sposób, automatyzując kompilacje, testy i wdrożenia dla każdej zmiany kodu. Umożliwia szybsze i bardziej efektywne dostarczanie nowych funkcji i poprawek usterek dla aplikacji.