Özet - CI/CD ve izleme
- React kursu
- İleri seviye
- Ders 52/56
- 5 dk
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
# Test iş akışını buraya yazÖrnek çözüm
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 testSoru 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
steps:
- uses: actions/____@v4
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 |