Automatické nasazení

Roboti pracují za tebe

Zatím to máš takhle: změníš kód → commit → push → GitHub Pages se aktualizuje. To už je vlastně automatizace! Ale profíci jdou dál – GitHub Actions je robot, který po každém pushi udělá, co mu napíšeš: postaví web, zkontroluje chyby, nasadí.

Tomu se říká CI/CD (continuous integration / continuous deployment – průběžné ověřování a nasazování). Zní to složitě, ale je to jen: „Roboti po každé změně všechno zkontrolují a nasadí.”

Ukaž mi to: první workflow

Robotům se úkoly píší do souboru ve složce .github/workflows/. Třeba nasazeni.yml:

name: Kontrola a nasazení

on:
  push:
    branches: [main]   # spusť po každém pushi do main

jobs:
  kontrola:
    runs-on: ubuntu-latest   # robot dostane čistý počítač s Linuxem
    steps:
      - uses: actions/checkout@v4      # stáhni můj kód
      - name: Zkontroluj HTML
        run: |
          echo "Kontroluji, že existuje index.html…"
          test -f index.html && echo "OK ✅"

Po pushi se na GitHubu v záložce Actions objeví běžící robot. Zelená fajfka = vše prošlo, červený křížek = něco je špatně a robot ti řekne co.

Teď ty 💪

1. Vytvoř .github/workflows/nasazeni.yml podle vzoru, pushni a sleduj záložku Actions.
2. Schválně něco rozbij: přejmenuj index.html na index2.html, pushni – workflow zčervená. Oprav a sleduj, jak zezelená. (Tohle je nejdůležitější zážitek téhle lekce!)
3. Přidej do workflow druhý krok – kontrolu, že v HTML nezůstal localhost:

      - name: Žádný localhost v kódu
        run: |
          if grep -r "localhost:3000" *.html; then
            echo "POZOR: v kódu zůstal localhost!" && exit 1
          fi
          echo "OK ✅"

4. Zapiš do LAUNCH.md: „Web se nasazuje automaticky, každý push kontroluje robot.”

Co si z téhle lekce odnést

• CI/CD = roboti po každém pushi kontrolují a nasazují.
• Workflow se píše do .github/workflows/*.yml.
• Červený křížek je kamarád: zastaví chybu dřív, než ji uvidí návštěvníci.

© 2026 Ing. Martin Polak / AlgoRhino · Podmínky užití obsahu