Web programiranje → ASP.NET Core → ASP.NET Core: statičke strane i jednostavni web servisi

ASP.NET Core: statičke strane i jednostavni web servisi

Statičke strane: wwwroot

// Program.cs
using System.Globalization;

var builder = WebApplication.CreateBuilder(args);
var app = builder.Build();

app.UseDefaultFiles();     // zahtev za "/" traži index.html
app.UseStaticFiles();      // šalje fajlove iz foldera wwwroot (HTML, CSS, JS, slike)

// JSON servisi (ispod)
var sr = new CultureInfo("sr-Latn-RS");
app.MapGet("/api/vreme", () => new
{
    vreme = DateTime.Now.ToString("HH:mm:ss"),
    dan = DateTime.Now.ToString("dddd", sr)          // "petak"
});
app.MapGet("/api/zdravo/{ime}", (string ime) => new { poruka = $"Zdravo, {ime}!" });
app.MapGet("/api/zbir", (int a, int b) => new { a, b, zbir = a + b });   // /api/zbir?a=2&b=3

app.Run();

PrviServer/
├── Program.cs
└── wwwroot/
    ├── index.html        ← http://localhost:5123/
    ├── kontakt.html      ← http://localhost:5123/kontakt.html
    ├── css/stil.css
    └── slike/logo.png

Napravi folder wwwroot u korenu projekta. Redosled je važan: UseDefaultFiles mora biti pre UseStaticFiles. Ovi pozivi su middleware – delovi kroz koje svaki zahtev prolazi redom, kao kroz traku u fabrici.

Web servisi koji vraćaju JSON

Kada funkcija vrati objekat, ASP.NET Core ga sam pretvori u JSON (imena polja malim početnim slovom). Parametri se uzimaju iz putanje ({ime}) ili iz upita (?a=2) – tip parametra (int) odmah proverava unos. Ovo je isti JSON iz lekcije Šta je API.

Stranica koja koristi servis

<!-- wwwroot/index.html -->
<!DOCTYPE html>
<html lang="sr">
<head><meta charset="utf-8"><title>Moj server</title></head>
<body>
  <h1>Dobro došli</h1>
  <p>Danas je <span id="dan">…</span>, a tačno vreme je <span id="vreme">…</span>.</p>
  <button id="osvezi">Osveži</button>
  <script>
    async function ucitaj() {
      const odgovor = await fetch("/api/vreme");     // ista adresa servera, pa samo putanja
      const podaci = await odgovor.json();
      document.getElementById("dan").textContent = podaci.dan;
      document.getElementById("vreme").textContent = podaci.vreme;
    }
    document.getElementById("osvezi").addEventListener("click", ucitaj);
    ucitaj();
  </script>
</body>
</html>

Statička strana i servis su u istoj aplikaciji: HTML stiže kao fajl, a podaci kao JSON. Tako rade i veće aplikacije – razlika je samo u broju servisa.

Statičko ili dinamičko

Videi iz prve verzije lekcije

Zadaci za vežbu

Za svaki zadatak postoji primer, uputstvo i rešenje.

Proveri znanje