CodeBlanks Logo Icon CodeBlanks

Özet - CI/CD ve izleme

Lint, test ve build adımları olan bir iş akışı yazarsın.

Özet - CI/CD ve izleme

Bu grupta CI/CD boru hatlarını, GitHub Actions iş akışlarını ve performans izlemeyi öğrendin.

Her push'ta derleme ve test otomatik çalışır; Web Vitals ve Lighthouse ile kalite eşiği konur. Gizli anahtarlar repo'da değil platformda tutulur.

Şimdi bir önbellekli derleme ve test iş akışı yazacaksın.

Uygulama Test iş akışını yaz

Bir test iş akışı yaz. name: Test, on: push. setup-node@v4 ile node-version: '20' ve cache: 'npm'. run: npm ci && npm test çalıştır.

Başlangıç kodu

App.jsx
# Test iş akışını buraya yaz

Örnek çözüm

App.jsx
name: Test
on: push
jobs:
  test:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '20'
          cache: 'npm'
      - run: npm ci && npm test

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Aşağıdakilerden hangisi yanlış?

  • secrets repo'ya yazılmaz
  • cache npm cı süresini kısaltır
  • Lighthouse erişilebilirlik puanı verir
  • Web Vitals yalnızca sunucuda çalışır Doğru cevap

Açıklama: Web Vitals istemci tarafında çalışır.

2 Boşluğu doldur: checkout eylemi

Soru
steps:
  - uses: actions/____@v4
Cevap
steps:
  - uses: actions/checkout@v4

Açıklama: actions/checkout@v4 kodu çeker.

3 Kavramları eşleştir

Kavram Anlamı
CI Değişiklikleri birleştirir
cache Süreyi kısaltır
Lighthouse Puan verir
secrets Gizli anahtar

İleri seviye bölümündeki tüm dersler