CSD-VI H2 Introductie webserver bouwen

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 1

Python intro

Programming basics-II

Les 3 / Week 7a

Introductie Webserver bouwen

CSD-VI

Lesweek 17

🥅 Doelen 🥅

Kennis ophalen over:

• API's
• JSON
  
• Front-end / back-end
  
• Request / Response bij HTTP verzoeken
• Bestaande webservers
  

✨ Nieuw: Een eigen webserver bouwen in C#, zodat we onze eigen API kunnen aanbieden

API

In JSON herkennen we een object aan:

1. blokhaken
2. accolades
3. aanhalingstekens

array/list

eigenschap

waarde

object

JSON 'serialiseren' is...

1. Het schrijven van JSON naar een bestand
2. Het omzetten van een object naar JSON
3. Het omzetten van JSON naar een object
4. Het lezen van JSON uit een bestand

Waarom gaan we eigenlijk een API bouwen?

Onze WinUI applicaties tot nu toe

• Hele applicatie draait 'lokaal'
• Ook database lokaal op apparaat
  
• Geschikt voor kleine applicaties
• Niet geschikt voor meerdere gebruikers
  

Front-end:

API voor communicatie

Een eigen API aanbieden

Daar hebben we een webserver voor nodig.

Eerst even wat herhaling over webservers en hoe het internet werkt...

Beschrijf in je eigen woorden wat de "front-end" en "back-end" van een systeem zijn

Request / Response cyclus

Bestaande webserver oplossingen

WAMP: Windows + Apache + MySQL + PHP

Eigen webserver in C#

Doelen:

- Weten waar je algemene informatie kan vinden over webservers

- Bekijken wat nodig is om een webserver te bouwen in C#

⏰ Duur: ~15 minuten

Opdrachten:

1. 'Skim' het begin van hoofdstuk 2 t/m paragraaf 2.3
2. Lees paragraaf 2.4 en 2.5 goed door.
3. Bekijk de code en probeer te begrijpen hoe de computer het regel-voor-regel zal uitvoeren.
   
4. Stel tussendoor vragen over de code aan de docent
   

Opdracht: 🌐 C# webserver voorbeeld

Opdracht: 🌐 C# webserver voorbeeld

Samen de code bekijken...

Doelen:

- Zien hoe JSON data teruggegeven kan worden vanuit de webserver.

- Het voorbeeld leren kennen door het uit te breiden.

⏰ Duur: ~30 minuten

Opdrachten:

1. Lees paragraaf 2.6 en download voorbeeld 2.
   
2. Experimenteer met de code van voorbeeld 2 ('H2 CustomApiServerDemo.zip')
3. Maak de opdrachten van opdracht 2.7
   
4. Stel tussendoor vragen over de code aan de docent
   

Opdracht 2.7: C# webserver voorbeeld 2

Weekcheck