De code van de webtoepassing voorbereiden
In deze les leert u hoe u de code voor uw webtoepassing maakt en integreert in een opslagplaats voor broncodebeheer.
Een webtoepassing bootstrapen
Nu u de resources hebt gemaakt voor het implementeren van uw webtoepassing, moet u de code voorbereiden die u wilt implementeren. Er zijn veel manieren om een nieuwe webtoepassing te bootstrapen, dus wat we hier leren, kan afwijken van wat u gewend bent. Het doel is om u snel een startpunt te bieden om een volledige cyclus tot de implementatie te voltooien.
Notitie
Alle code en opdrachten die op deze pagina worden weergegeven, zijn alleen voor uitlegdoeleinden; u hoeft ze niet uit te voeren. We gebruiken ze in een volgende oefening.
Met het opdrachtregelprogramma dotnet dat deel uitmaakt van de .NET-SDK, kunt u de code voor een nieuwe webtoepassing rechtstreeks maken. U kunt met name de dotnet new opdracht gebruiken om een nieuwe toepassing te genereren op basis van een sjabloon:
dotnet new mvc --name <YourAppName>
Met deze opdracht maakt u een nieuwe ASP.NET Core Model-View Cotroller-toepassing (MVC) in een nieuwe map met de opgegeven naam.
Als u snel een eenvoudige webtoepassing wilt maken, kunt u het Maven-opdrachtregelprogramma (mvn) gebruiken dat vaak wordt gebruikt in het Java-ecosysteem. Maven bevat een functie met de naam archetypes waarmee snel eenvoudige code kan worden gemaakt voor verschillende toepassingen met behulp van sjablonen. U kunt de maven-archetype-webapp sjabloon gebruiken om de code te genereren voor een eenvoudige web-app die 'Hallo wereld!' weergeeft op de startpagina.
mvn archetype:generate -DgroupId=example.webapp -DartifactId=helloworld -DinteractiveMode=false -DarchetypeArtifactId=maven-archetype-webapp -DarchetypeVersion=1.5
Met deze opdracht maakt u een helloworld map die de broncode voor uw toepassing bevat.
U kunt het opdrachtregelprogramma Node Package Manager (npm) gebruiken dat wordt geleverd met Node.js om een nieuwe toepassing te maken. Met de init opdracht maakt u een nieuwe package.json vereiste voor uw toepassing:
npm init -y
Als u het package.json bestand opent dat in de huidige map is gemaakt, kunt u een start vermelding toevoegen aan de scripts sectie om te beschrijven hoe uw webtoepassing moet worden uitgevoerd:
...
"scripts": {
"start": "node index.js"
},
...
Nadat u dit hebt uitgevoerd, kunt u de werkelijke code van uw webtoepassing schrijven in een nieuw index.js bestand:
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}`);
Met deze voorbeeldcode wordt een server gemaakt die luistert op poort 3000 van uw computer en elke aanvraag beantwoordt met een bericht 'Hallo wereld!'.
Als u een nieuwe webtoepassingsstart wilt maken met een paar regels code, kunt u Flask gebruiken. Dit is een veelgebruikt framework voor webtoepassingen. U kunt Flask installeren met de volgende opdracht:
pip install flask
Wanneer Flask beschikbaar is in uw omgeving, kunt u een minimale webtoepassing maken met behulp van de volgende code:
from flask import Flask
app = Flask(__name__)
@app.route("/")
def hello():
return "Hello World!\n"
Met deze voorbeeldcode wordt een server gemaakt die elke aanvraag beantwoordt met een bericht 'Hallo wereld!'.
Uw code toevoegen aan broncodebeheer
Nadat uw webtoepassingscode klaar is, is de volgende stap meestal het plaatsen van de code in een opslagplaats voor broncodebeheer, zoals Git. Als Git op uw computer is geïnstalleerd, worden deze opdrachten in de broncodemap geïnitialiseerd.
git init
git add .
git commit -m "Initial commit"
Met deze opdrachten kunt u een lokale Git-opslagplaats initialiseren en een eerste doorvoering maken met uw code. U profiteert onmiddellijk van het behouden van een geschiedenis van uw wijzigingen met doorvoeringen. Later kunt u uw lokale opslagplaats synchroniseren met een externe opslagplaats; Bijvoorbeeld gehost op GitHub. Met deze synchronisatie kunt u continue integratie en continue implementatie (CI/CD) instellen. Hoewel het raadzaam is om een opslagplaats voor broncodebeheer te gebruiken voor productietoepassingen, is het geen vereiste om een toepassing te kunnen implementeren in Azure-app Service.
Notitie
Door CI/CD te gebruiken, kunt u regelmatiger code-implementatie op een betrouwbare manier uitvoeren door builds, tests en implementaties te automatiseren voor elke codewijziging. Hierdoor kunnen nieuwe functies en bugfixes voor uw toepassing sneller en effectiever worden geleverd.