Kurz

Projekt

Aplikace napojená na cizí službu

Malá aplikace, která tahá data odjinud. První práce s API klíčem, tajemstvími a s tím, že cizí služba občas nefunguje.

8 hodinStřední

Na konci máš

Aplikace, která zobrazuje živá data z cizí služby. Klíč je bezpečně na serveru, ne v prohlížeči.

Do téhle chvíle byla všechna data tvoje. Tady poprvé sáhneš ven.

Co konkrétně vznikne

Aplikace, která zobrazuje něco, co sama nevytváří. Například:

  • přehled počasí na místech, kam pravidelně jezdíš;
  • kurzy měn s převodníkem pro tvoje fakturování;
  • data z veřejného rejstříku o firmách, které tě zajímají;
  • souhrn z API služby, kterou používáš v práci.

Volba není důležitá. Důležité je, že klíč, kterým se ke službě přihlašuješ, nesmí být vidět.

Klíčová věc, kterou se naučíš

  1. Proč klíč nesmí do prohlížeče

    Cokoliv, co se dostane do frontendu, si může kdokoliv přečíst. U placené služby to znamená účet, který jsi nečekal.

  2. Jak to udělat správně

    Frontend se ptá tvého serveru. Tvůj server se ptá cizí služby a klíč zůstane u něj. Zní to složitě a je to jedna funkce navíc.

  3. Co dělat, když cizí služba nefunguje

    Bude se to stávat. Aplikace musí ukázat srozumitelnou hlášku, ne prázdnou obrazovku.

  4. Limity dotazů

    Cizí API tě po určitém počtu dotazů odmítne. Naučíš se ukládat odpovědi, aby ses neptal pořád dokola.

Na co narazíš

Skoro jistě na okamžik, kdy něco nebude fungovat a ty nebudeš vědět, jestli je chyba u tebe, nebo u nich. Naučíš se to rozlišit podle stavového kódu odpovědi – a to je dovednost, kterou pak použiješ pořád.

Jak poznáš, že jsi hotový

Vypni si internet a otevři aplikaci. Když uvidíš srozumitelnou hlášku místo prázdné obrazovky nebo rozsypaného rozhraní, je hotovo.

Obsah aktualizován: 21. srpna 2026