CI/CD temelleri

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.

Örnek çözümü göster

name: CI
on: push
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - run: npm ci && npm test

Kendini test et

CI boru hattında test adımı başarısız olursa ne olur?
- Boru hattı durur ve ekip uyarılır
- Dağıtım yine de çalışır
- Yalnızca lint tekrar çalışır
- Kod otomatik düzeltilir
Cevabı göster

Boru hattı durur ve ekip uyarılır — Başarısız adım boru hattını durdurur.

Boşluğu doldur: gizli anahtarı ortam değişkeni yap

env:
  API_KEY: ${{ ____.API_KEY }}

Cevabı göster

env:
  API_KEY: ${{ secrets.API_KEY }}

CI/CD kavramlarını eşleştir

CI

Değişiklikleri birleştirir
CD

Paketi dağıtır
pipeline

Adım dizisi
secrets

Gizli anahtarlar

Sıradaki ders: GitHub Actions

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler