Förbereda webbappens kod

Slutförd

I den här lektionen får du lära dig hur du skapar koden för ditt webbprogram och integrerar den i en lagringsplats för källkontroll.

Bootstrap ett webbprogram

Nu när du har skapat resurserna för att distribuera webbappen, måste du förbereda den kod som du vill distribuera. Det finns många sätt att starta ett nytt webbprogram, så det vi lär oss här kan skilja sig från vad du är van vid. Målet är att snabbt ge dig en startpunkt för att slutföra en fullständig cykel upp till distributionen.

Kommentar

All kod och alla kommandon som visas på den här sidan är endast i förklaringssyfte. du behöver inte köra någon av dem. Vi använder dem i en efterföljande övning.

Med kommandoradsverktyget dotnet som ingår i .NET SDK, kan du direkt skapa koden för en ny webbapp. Du kan särskilt använda dotnet new kommandot för att generera ett nytt program från en mall:

dotnet new mvc --name <YourAppName>

Det här kommandot skapar ett nytt ASP.NET MVC-program (Core Model-View Cotroller) i en ny mapp med det angivna namnet.

Om du snabbt vill skapa en startwebbapp kan du använda kommandoradsverktyget Maven (mvn), som ofta används i Java-ekosystemet. Maven innehåller i synnerhet en funktion som heter archetypes, som snabbt kan skapa startkod för olika typer av program med mallar. Du kan använda mallen maven-archetype-webapp för att generera koden för en enkel webbapp som visar "Hello World!" på startsidan.

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

Det här kommandot skapar en helloworld mapp som innehåller källkoden för ditt program.

Du kan använda kommandoradsverktyget Node Package Manager (npm) som medföljer Node.js till att skapa ett nytt program. Kommandot init skapar en ny package.json som krävs för ditt program:

npm init -y

Om du öppnar package.json filen som skapades i den aktuella mappen kan du lägga till en start post i scripts avsnittet för att beskriva hur webbprogrammet ska köras:

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

När du gör det kan du skriva den faktiska koden för webbprogrammet i en ny index.js fil:

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

Den här exempelkoden skapar en server som lyssnar på port 3000 på datorn och besvarar varje begäran med meddelandet "Hello World!".

Om du vill skapa en ny webbprogramstartare med några rader kod kan du använda Flask, som är ett vanligt webbprogramramverk. Du kan installera Flask med följande kommando:

pip install flask

När Flask är tillgänglig i din miljö, kan du skapa en minimal webbapp med hjälp av följande kod:

from flask import Flask
app = Flask(__name__)

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

Den här exempelkoden skapar en server som svarar på varje begäran med meddelandet "Hello World!".

Lägga till koden i källkontrollen

När webbprogramkoden är klar är nästa steg vanligtvis att placera koden i en lagringsplats för källkontroll, till exempel Git. Om du har Git installerat på datorn initieras lagringsplatsen genom att köra dessa kommandon i källkodsmappen.

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

Med de här kommandona kan du initiera en lokal Git-lagringsplats och skapa en första incheckning med din kod. Du får omedelbart fördelen av att behålla en historik över dina ändringar med incheckningar. Senare kan du synkronisera din lokala lagringsplats med en fjärrlagringsplats. till exempel värdhanterad på GitHub. Med den här synkroniseringen kan du konfigurera kontinuerlig integrering och kontinuerlig distribution (CI/CD). Vi rekommenderar att du använder en källkontrolllagringsplats för produktionsprogram, men det är inte ett krav att kunna distribuera ett program till Azure App Service.

Kommentar

Användning av CI/CD möjliggör mer frekvent koddistribution på ett tillförlitligt sätt genom att automatisera versioner, tester och distributioner för varje kodändring. Det gör det möjligt att leverera nya funktioner och felkorrigeringar för ditt program snabbare och mer effektivt.