← Stopnja 6 – Vodja projekta

Lekcija 5 od 8 ⏱ 35 minut Premium

Samodejna objava

Nastavi GitHub Actions: pushneš spremembo in stran se sama posodobi. Kot profesionalci.

Roboti delajo namesto tebe

Zdaj deluje tako: spremeniš kodo → commit → push → GitHub Pages se posodobi. To je že avtomatizacija! Profesionalci gredo dlje – GitHub Actions je robot, ki po vsakem pushu naredi, kar mu naročiš: zgradi stran, preveri napake, objavi.

To se imenuje CI/CD (neprekinjena integracija / objava). Zveni zapleteno, a je preprosto: “Roboti po vsaki spremembi preverijo in objavijo.”

Pokažem ti: tvoj prvi workflow

Naloge za robote pišeš v datoteko v mapi .github/workflows/. Na primer 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 se na GitHubu pod zavihkom Actions pojavi tekoč robot. Zelena kljukica pomeni, da je vse v redu; rdeč X, da je kaj narobe, robot pa pove kaj.

💡

GitHub Pages že uporablja Actions! Če pogledaš zavihek Actions, vidiš, da objava Pages teče prek workflowa “pages build and deployment”. Zdaj dodajaš svoje dodatne preverbe – kot pravi vodja, ki ne spusti pokvarjene različice.

Zdaj si na vrsti 💪

  1. Ustvari .github/workflows/deploy.yml po vzoru, pushaj in opazuj zavihek Actions.
  2. Namerno nekaj pokvari: preimenuj index.html v index2.html, pushaj – workflow postane rdeč. Popravi in opazuj, kako postane zelen. (To je najpomembnejša izkušnja te lekcije!)
  3. V workflow dodaj drugi korak – preveri, da v HTML ni ostalo 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. V LAUNCH.md zapiši: “Stran se objavlja samodejno, robot preveri vsak push.”

Preveri se: Tvoj workflow teče v Actions po vsakem pushu. Videl si rdečo (pokvarjeno) in zeleno (popravljeno). Stran se posodobi brez ročnega koraka.

Kaj si vzameš iz te lekcije