Een leeg ASP.NET Core project maken

Stappenplan

Je kan een ASP.NET Core applicatie vanaf de command-line interface (CLI) of in Visual Studio. In deze les leren we hoe dat doet vanaf de CLI op Cloud9.

1. Zorg ervoor dat je je werk op je lokale computer gesynchroniseerd hebt met Cloud9:
   1. Lokaal:
      1. ga naar de map Programmeren3;
      2. git status
      3. git add --all
      4. git commit -m "Tot en met les 9"
      5. indien nodig: git remote add origin https://JosephInghelbrecht@bitbucket.org/JosephInghelbrecht/programmeren-3.git
      6. git pusch -u origin master
   2. Op Cloud9:
      1. indien nodig: git remote add origin https://JosephInghelbrecht@bitbucket.org/JosephInghelbrecht/programmeren-3.git
      2. git pull origin master
2. Ga naar je workspace op Cloud9
3. We gaan er vanuit dat je .NET Core 2.0 al geïnstalleerd hebt. Zie daarvoor Programmeren met de .NET Core Command Line Interface.
4. Je hebt een map met de naam dotnetcore in je workspace gemaakt.
5. Creëer een map in de dotnetcore map van je workspace met de naam aspdotnet.
6. Om naar de map te gaan typ je in het Terminal venster:
   cd dotnetcore/aspdotnet

   

7. Met het commando dotnet kan je nieuwe .NET Core-projecten creëren. Het commando dotnet new zonder extra argumenten toont een lijst met de beschikbare project sjablonen (templates). In het Terminal venster typ je:
   dotnet new

   

8. We maken een leeg ASP.NET Core project door het uitvoeren van dotnet new web. Refrech de pagina om de nieuw gemaakte bestanden en mappen in de Verkenner te tonen:

   

9. Zodra het project is aangemaakt, moet je het kunnen uitvoeren met de instructie dotnet run. In eerdere versies van .NET Core was het nodig om eerst de dotnet restore instructie uit te voeren om de nodige NuGet-pakketten te installeren. Maar vanaf .NET Core 2.0, wordt het restore commando nu automatisch uitgevoerd door CLI commando's die er afhankelijk van zijn. Open de website, die op basis van de sjabloon is gemaakt, door dotnet run uit te voeren en te navigeren naar de URL waarnaar de app luistert. In Windows is dat waarschijnlijk http://localhost:5000, de default url die aan je app wordt toegekend. Op Cloud9 moet je die default url wijzigen omdat Cloud9 app's alleen luistert naar 8080. Open het bestand met de naam Program.cs en wijzig de url waarop je app luistert door de gemarkeerde regel toe te voegen:

   using System;
   using System.Collections.Generic;
   using System.IO;
   using System.Linq;
   using System.Threading.Tasks;
   using Microsoft.AspNetCore;
   using Microsoft.AspNetCore.Hosting;
   using Microsoft.Extensions.Configuration;
   using Microsoft.Extensions.Logging;
   
   namespace aspdotnet
   {
       public class Program
       {
           public static void Main(string[] args)
           {
               BuildWebHost(args).Run();
           }
   
           public static IWebHost BuildWebHost(string[] args) =>
               WebHost.CreateDefaultBuilder(args)
                   .UseStartup<Startup>()
                   .UseUrls("http://0.0.0.0:8080")
                   .Build();
       }
   }

10. Voer de instructie dotnet run uit en open de pagina http://programmeren3-jefinghelbrecht.c9users.io:8080/ (gebruik de naam van je eigen workspace):

    

11. Hoe komt die Hello World in het browservenster?
12. Synchroniseer je Cloud9 workspace met je lokale computer:
    1. Op Cloud9:
       1. ga naar de root van je workspace: cd /home/ubuntu/workspace
       2. git status
       3. git add --all
       4. git commit -m "aspdotnet project gecreëerd op Cloud9"
       5. indien nodig: git remote add origin https://JosephInghelbrecht@bitbucket.org/JosephInghelbrecht/programmeren-3.git
       6. git pusch -u origin master
    2. Op je lokale computer:
       1. indien nodig: git remote add origin https://JosephInghelbrecht@bitbucket.org/JosephInghelbrecht/programmeren-3.git
       2. git pull origin master

Bronnen

1. Steve Smith, ASP.NET Core - Simpler ASP.NET MVC Apps with Razor Pages, September 2017
2. Mike Rousos, ASP.NET Core - Getting Started with ASP.NET Core 2.0, September 2017
3. Introduction to ASP.NET Core, 2017-8-3
4. John Hilton, Create a minimal ASP.NET Core 1.1 web application using the command line