← Úroveň 6 – Šéf projektu

Lekcia 5 z 8 ⏱ 35 minút Prémiové

Automatické nasadenie

Nastav GitHub Actions: pushneš zmenu a web sa sám aktualizuje. Ako profíci.

Roboty robia prácu za teba

Teraz to funguje tak: zmeníš kód → commit → push → GitHub Pages sa aktualizuje. To už je automatizácia! Profíci idú ďalej – GitHub Actions je robot, ktorý po každom pushi urobí, čo mu povieš: zostaví web, skontroluje chyby, nasadí.

Tomu hovoríme CI/CD (continuous integration / continuous deployment). Znie to zložito, ale v skutočnosti: „Roboty skontrolujú a nasadia všetko po každej zmene.”

Ukážem ti: tvoj prvý workflow

Úlohy pre roboty sa píšu do súboru v priečinku .github/workflows/. Napríklad deploy.yml:

name: Check and deploy

on:
  push:
    branches: [main]   # run after every push to main

jobs:
  check:
    runs-on: ubuntu-latest   # the robot gets a clean Linux computer
    steps:
      - uses: actions/checkout@v4      # download my code
      - name: Check HTML
        run: |
          echo "Checking that index.html exists…"
          test -f index.html && echo "OK ✅"

Po pushi sa na GitHube v záložke Actions objaví bežiaci robot. Zelená fajka = všetko prešlo; červené X = niečo nie je v poriadku a robot povie čo.

💡

GitHub Pages už používa Actions! Ak pozrieš záložku Actions, uvidíš, že nasadenie Pages beží cez workflow „pages build and deployment”. Teraz pridávaš vlastné extra kontroly navrch – ako skutočný šéf, ktorý nepustí rozbitú verziu von.

Teraz ty 💪

  1. Vytvor .github/workflows/deploy.yml podľa príkladu, pushni ho a sleduj záložku Actions.
  2. Niečo zámerne pokaz: premenuj index.html na index2.html, pushni – workflow zčervená. Oprav to a sleduj, ako zzelená. (To je najdôležitejšia skúsenosť tejto lekcie!)
  3. Pridaj do workflow druhý krok – kontrolu, že v HTML nezostal localhost:
      - name: No localhost in the code
        run: |
          if grep -r "localhost:3000" *.html; then
            echo "WARNING: localhost was left in the code!" && exit 1
          fi
          echo "OK ✅"
  1. Zapíš do LAUNCH.md: „Web sa nasadzuje automaticky, robot kontroluje každý push.”

Skontroluj sa: Workflow beží v záložke Actions po každom pushi. Videl si červenú (pokazené) aj zelenú (opravené). Web sa aktualizuje bez jediného ručného kroku.

Čo si z tejto lekcie odnášaš