Automatyczne wdrożenie

Roboty robią robotę za ciebie

Teraz działa to tak: zmieniasz kod → commit → push → GitHub Pages się aktualizuje. To już automatyzacja! Profesjonaliści idą dalej – GitHub Actions to robot, który po każdym pushu robi to, co mu każesz: buduje stronę, szuka błędów, wdraża.

To się nazywa CI/CD (ciągła integracja / ciągłe wdrażanie). Brzmi skomplikowanie, ale to naprawdę: „Roboty sprawdzają i wdrażają wszystko po każdej zmianie.”

Pokażę ci: twój pierwszy workflow

Zadania dla robotów pisze się w pliku w folderze .github/workflows/. Na przykład 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 pushu na GitHub w zakładce Actions widać działającego robota. Zielony znaczek = wszystko przeszło; czerwone X = coś nie działa i robot powie co.

Teraz ty 💪

1. Utwórz .github/workflows/deploy.yml według przykładu, zrób push i zobacz zakładkę Actions.
2. Celowo coś zepsuj: zmień nazwę index.html na index2.html, push – workflow robi się czerwone. Napraw i zobacz, jak robi się zielone. (To najważniejsze doświadczenie lekcji!)
3. Dodaj drugi krok – sprawdź, czy w HTML nie zostało 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 ✅"

4. Napisz w LAUNCH.md: „Strona wdraża się sama, robot sprawdza każdy push.”

Co wyniesiesz z tej lekcji

• CI/CD = roboty sprawdzają i wdrażają po każdym pushu.
• Workflowy pisze się w .github/workflows/*.yml.
• Czerwone X to przyjaciel: zatrzymuje błąd, zanim zobaczą go odwiedzający.

© 2026 Ing. Martin Polak / AlgoRhino · Warunki korzystania z treści