Cloudflare Snippets, web sitenize gelen HTTP isteklerine müdahale etmenizi sağlayan, modern ve güvenli bir kod parçası (snippet) çalışma ortamıdır. JavaScript benzeri bir yazım diliyle çalışan bu sistem, Cloudflare'ın Workers altyapısını kullanarak sunucu düzeyinde özelleştirme imkânı sunar.
Bu makalede Cloudflare Snippets özelliğini tüm yönleriyle inceliyor; ne işe yaradığını, nasıl kullanıldığını, örneklerle nerelerde işe yaradığını ve güvenlik boyutlarını detaylı olarak açıklıyoruz.
Cloudflare Snippets Nedir?
Cloudflare Snippets, HTML başlığına kod eklemek, meta verileri manipüle etmek, özel güvenlik header’ları uygulamak veya özel yönlendirmeler yapmak gibi işlemleri gerçekleştirmek için kullanılan hafif, güvenli, anlık çalışan kod bloklarıdır.
Esasen JavaScript tabanlı küçük script parçalarıdır, ancak Cloudflare'ın güvenlik, performans ve dağıtım altyapısıyla çalışırlar.
Nerelerde Kullanılır?
-
HTML
içine özel meta tag, script veya stil dosyası eklemek
-
Özel yönlendirme (redirect) işlemleri
-
Cache kontrol başlıklarını değiştirmek
-
Güvenlik header’ları eklemek (Content-Security-Policy, Strict-Transport-Security vs.)
-
SEO amaçlı canonical URL veya robots meta tag düzenlemeleri
-
İzleme ve analiz scriptlerinin (örneğin Google Analytics) yüklenmesini kontrol etmek
Snippets Nasıl Oluşturulur? Adım Adım
-
Cloudflare hesabınıza giriş yapın
-
Sol menüden
Snippets
veyaRules > Snippets
sekmesine gidin (özellik etkinleştirilmiş olmalı) -
“Create Snippet” butonuna tıklayın
-
Kod parçasına isim verin ve çalışma koşullarını belirleyin (örn: belirli URL'de çalışsın)
-
Kod bloğunu yazın:
// Örnek: Head tag'ine meta etiket ekleme
addEventListener('fetch', event => {
event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
const response = await fetch(request);
const newHeaders = new Headers(response.headers);
newHeaders.set('Content-Security-Policy', "default-src 'self'");
return new Response(response.body, {
status: response.status,
headers: newHeaders
});
}
-
“Deploy” diyerek snippet’i aktif edin
⚙️ Gelişmiş Özellikler
-
Kapsam Tanımlama (Scope): Tüm domain, belirli yol (path), hostname veya uzantı bazlı çalıştırma
-
Koşullu Çalıştırma: User-agent, saat dilimi, IP gibi filtrelerle snippet tetikleme
-
CDN Edge üzerinde çalıştığı için ekstra hız sağlar
Güvenlik ve Performans Notları
-
Snippets, sandboxed ortamda çalışır. Yani dış kaynaklara erişimi sınırlandırılmıştır.
-
Ağ gecikmesi yaratmaz; kullanıcıya içerik ulaşmadan önce en yakın Cloudflare noktasında çalışır.
-
Workers ile aynı hızda çalışsa da daha basit amaçlar için önerilir.
Snippets ile Workers Arasındaki Farklar
Özellik | Snippets | Workers |
---|---|---|
Amaç | Küçük müdahaleler | Karmaşık uygulamalar |
Kod boyutu | Küçük (lightweight) | Geniş JS/TS projeleri |
Yönetim | Basit arayüzle | IDE ve API ile yönetilir |
Yetkinlik | Temel manipülasyon | Tüm request/response |
Sonuç
Cloudflare Snippets, küçük ama etkili müdahaleler yapmak isteyen kullanıcılar için çok güçlü ve pratik bir araçtır. Hem performans dostu hem de son derece güvenli bu sistem sayesinde siteye özel ayarlamaları Cloudflare katmanında yapabilir, back-end’e yük bindirmeden optimize edebilirsiniz.
Özellikle SEO uzmanları, frontend geliştiriciler ve güvenlik odaklı sistem yöneticileri için Cloudflare Snippets, kodsal özelleştirme ve önlem alma açısından mükemmel bir çözümdür.