Příprava kódu webové aplikace
V této lekci se dozvíte, jak vytvořit kód pro webovou aplikaci a integrovat ho do úložiště správy zdrojového kódu.
Spuštění webové aplikace
Teď, když jste vytvořili prostředky pro nasazení webové aplikace, musíte připravit kód, který chcete nasadit. Existuje mnoho způsobů, jak spustit novou webovou aplikaci, takže to, co se zde dozvíme, se může lišit od toho, na co jste zvyklí. Cílem je rychle poskytnout výchozí bod, abyste mohli dokončit celý cyklus nasazení.
Poznámka:
Všechny kódy a příkazy zobrazené na této stránce jsou pouze pro účely vysvětlení; nemusíte 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. Konkrétně můžete pomocí dotnet new příkazu vygenerovat novou aplikaci ze šablony:
dotnet new mvc --name <YourAppName>
Tento příkaz vytvoří novou aplikaci ASP.NET Core MVC v nové složce se zadaným názvem.
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í. Šablonu maven-archetype-webapp můžete použít k vygenerování kódu pro jednoduchou webovou aplikaci, která na domovské stránce zobrazí text "Hello World!".
mvn archetype:generate -DgroupId=example.webapp -DartifactId=helloworld -DinteractiveMode=false -DarchetypeArtifactId=maven-archetype-webapp
Tento příkaz vytvoří helloworld složku, která obsahuje zdrojový kód pro vaši aplikaci.
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ří novou package.json požadovanou aplikaci:
npm init -y
Pokud otevřete package.json soubor vytvořený v aktuální složce, můžete do oddílu scripts přidat start položku, která popisuje, jak má webová aplikace běžet:
...
"scripts": {
"start": "node index.js"
},
...
Až to uděláte, můžete do nového index.js souboru napsat 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}`);
Tento ukázkový kód vytvoří server, který naslouchá na portu 3000 vašeho počítače a odpoví na každou žádost se zprávou "Hello World!".
Pokud chcete vytvořit novou úvodní aplikaci pomocí několika řádků kódu, můžete použít Flask, což je běžně používaná architektura webové aplikace. Flask můžete nainstalovat pomocí následujícího příkazu:
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"
Tento ukázkový kód vytvoří server, který odpoví na každý požadavek se zprávou "Hello World!".
Přidání kódu do správy zdrojového kódu
Jakmile je kód webové aplikace připravený, dalším krokem je obvykle vložení kódu do úložiště správy zdrojového kódu, jako je Git. Pokud máte na počítači nainstalovaný Git, spuštěním těchto příkazů ve složce zdrojového kódu se úložiště inicializuje.
git init
git add .
git commit -m "Initial commit"
Tyto příkazy umožňují inicializovat místní úložiště Git a vytvořit první potvrzení pomocí kódu. Okamžitě získáte výhodu zachování historie změn s potvrzeními. Později budete také moci synchronizovat místní úložiště se vzdáleným úložištěm; Například hostované na GitHubu. To vám umožní nastavit kontinuální integraci a průběžné nasazování (CI/CD). I když pro produkční aplikace doporučujeme používat úložiště správy zdrojového kódu, není nutné nasadit aplikaci do služby Aplikace Azure Service.
Poznámka:
Použití CI/CD umožňuje spolehlivější nasazení kódu automatizací sestavení, testů a nasazení pro každou změnu kódu. Umožňuje poskytovat nové funkce a opravy chyb pro vaši aplikaci rychleji a efektivněji.