Příprava kódu webové aplikace

3 min

V této lekci se dozvíte, jak vytvořit kód webové aplikace a jak ho integrovat do úložiště zdrojového kódu.

Spuštění webové aplikace

Po vytvoření prostředků potřebných k nasazení webové aplikace musíte připravit kód, který chcete zavést. Existují různé způsoby spuštění nové webové aplikace. Způsob, který si zde ukážeme, může být jiný, než na jaký jste zvyklí. Cílem je rychle poskytnout výchozí bod, abyste mohli dokončit celý cyklus nasazení.

Poznámka

Veškerý kód a příkazy zobrazené na této stránce slouží pouze pro účely vysvětlení. Není nutné spouštět žádné z nich. Použijeme je v dalším cvičení.

Nástrojem příkazového řádku dotnet, který je součástí sady .NET SDK, můžete přímo vytvářet kód nové webové aplikace. Ke generování nové aplikace ze šablony můžete použít především příkaz dotnet new:

dotnet new mvc --name <YourAppName>

Příkaz vytvoří novou aplikaci MVC na platformě ASP.NET Core a uloží ji do nové složky pojmenované podle zadaného názvu.

K rychlému vytvoření počáteční webové aplikace použijte nástroj příkazového řádku Maven(mvn), který se běžně používá v ekosystému Javy. Součástí nástroje Maven je konkrétně funkce archetypes, která ze šablon rychle vytvoří počáteční kód různých druhů aplikací. K vygenerování kódu jednoduché webové aplikace, která na domovské stránce zobrazí nápis „Hello World!“, použijte šablonu maven-archetype-webapp .

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

Příkaz vytvoří složku helloworld, která obsahuje zdrojový kód aplikace.

K vytvoření nové aplikace použijte nástroj příkazového řádku Node Package Manager (npm), který je součástí sady Node.js. Příkaz init vytvoří nový soubor package.json, který aplikace potřebuje.

npm init -y

Když otevřete soubor package.json, vytvořený v aktuální složce, můžete do oddíluscripts přidat položku start, která popisuje způsob spuštění webové aplikace:

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

Až to budete mít, můžete do nového souboru index.js zapsat skutečný kód webové aplikace:

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

Tato ukázka kódu vytvoří server, který naslouchá na portu 3000 vašeho počítače a odpovídá na každý požadavek zprávou „Hello World!“ .

K vytvoření několika řádků kódu, které představují začátek nové webové aplikace, můžete použít běžně používanou architekturu webových aplikací Flask. K instalaci Flasku použijte tento příkaz:

pip install flask

Jakmile bude Flask v prostředí k dispozici, použijte tento kód k vytvoření minimální webové aplikace:

from flask import Flask
app = Flask(__name__)

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

Tato ukázka kódu vytvoří server, který na všechny požadavky odpovídá zprávou „Hello World!“ .

Přidání kódu do správy zdrojového kódu

Jakmile je kód webové aplikace připravený, je dalším krokem obvykle umístit kód do úložiště správy zdrojového kódu, jako je Git. Pokud máte na počítači nainstalovaný Git a spustíte tyto příkazy, inicializuje se ve složce zdrojového kódu úložiště.

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

Těmito příkazy inicializujete místní úložiště Git a poprvé zapíšete kód. Okamžitou výhodou je možnost uchovávat historii potvrzených změn. Později se také naučíte synchronizovat místní a vzdálené úložiště, které je například hostované na GitHubu. To vám umožní nastavit kontinuální integraci a průběžné nasazování (CI/CD). U ostrých aplikací se použití úložiště zdrojového kódu sice doporučuje, ale nevyžaduje se k nasazení aplikace do Azure App Service.

Poznámka

CI/CD umožňuje častější a spolehlivější nasazování kódu, protože pro každou změnu kódu nabízí automatické sestavení, testy a nasazení. Dovoluje poskytovat nové funkce a opravy chyb aplikace rychleji a efektivněji.

Pokračovat