CI/CD temelleri
- React kursu
- İleri seviye
- Ders 49/56
- 4 dk
Sürekli entegrasyon ve dağıtım akışını öğrenirsin.
CI/CD temelleri
CI/CD, kodun her itilişinde otomatik derleme, test ve dağıtım yapar. CI (sürekli tümleştirme) değişiklikleri ana dala güvenle birleştirir; CD (sürekli dağıtım) paketi canlı ortama gönderir.
Tipik bir boru hattı (pipeline) şu adımlardan oluşar: kurulum, lint, test, derleme, dağıtım. Her adım başarısız olursa boru hattı durur ve ekip uyarılır.
React projelerinde derleme çıktısı dist/ veya .next/ klasörüdür; bunu bir CDN'e yüklersin.
Ortam değişkenleri ve gizli anahtarlar
CI içinde gizli anahtarlar (secrets) repo'ya yazılmaz; platformun ayarından eklenir. GitHub'da secrets.API_KEY olarak erişilir.
Ortam değişkenleri NODE_ENV=production gibi derleme davranışını yönlendirir. React'te VITE_API_URL veya NEXT_PUBLIC_API_URL önekiyle istemci tarafında görünür hale getirirsin.
Gizli anahtar asla istemci paketine sızdırılmamalı; yalnızca sunucu tarafında kullanılır.
Uygulama CI betiğini yaz
Bir ci.yml iş akışı yaz. name: CI ile başla. on: push ile push'ta tetikle. runs-on: ubuntu-latest adımı içinde run: npm ci && npm test çalıştır.
Başlangıç kodu
# CI iş akışını buraya yazÖrnek çözüm
name: CI
on: push
jobs:
build:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- run: npm ci && npm testSoru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 CI boru hattında test adımı başarısız olursa ne olur?
- Boru hattı durur ve ekip uyarılır Doğru cevap
- Dağıtım yine de çalışır
- Yalnızca lint tekrar çalışır
- Kod otomatik düzeltilir
Açıklama: Başarısız adım boru hattını durdurur.
2 Boşluğu doldur: gizli anahtarı ortam değişkeni yap
env:
API_KEY: ${{ ____.API_KEY }}env:
API_KEY: ${{ secrets.API_KEY }}Açıklama: Gizli anahtarlar secrets ile erişilir.
3 CI/CD kavramlarını eşleştir
| Kavram | Anlamı |
|---|---|
CI |
Değişiklikleri birleştirir |
CD |
Paketi dağıtır |
pipeline |
Adım dizisi |
secrets |
Gizli anahtarlar |