ReadableStream ile Akış Oluşturma
+server.js içinde Web Streams API'sini kullanarak büyük yanıtları aşamalı olarak akış hâlinde gönderin.
ReadableStream ile Akış Oluşturma, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Neden Akış Kullanılır
Büyük yanıtlar aşamalı olarak gönderilebilir; böylece istemci verileri hemen almaya başlar.
ReadableStream API
Akış yanıtı oluşturmak için standart Web Streams API'sini kullanın.
const stream = new ReadableStream({
async start(controller) {
for (const chunk of source) {
controller.enqueue(new TextEncoder().encode(chunk));
}
controller.close();
}
});
return new Response(stream);Sunucu Tarafından Gönderilen Olaylar
Canlı güncellemeler için text/event-stream verilerini akıtın.
Parçalı Aktarım
HTTP, sıraya alınan her chunk değerini hazır olur olmaz ağ üzerinden iletir.
Kullanım Alanları
Gerçek zamanlı günlükler, yapay zekâ metin üretimi, dosya yüklemeleri ve indirmeleri, ilerleme olayları.
İstemci Tarafı
Akışı istemci tarafında tüketmek için response.body.getReader() kullanın.
Geri Basınç
Tüketici yavaş olduğunda akış veri üretmeyi duraklatır. Üreticide engelleyici işlemlerden kaçının.
Kapatma
İşiniz bittiğinde her zaman controller.close() çağrısını yapın. Hatalarda controller.error() çağrılmalıdır.
Bağdaştırıcılar
Akış desteği bağdaştırıcıya göre değişir. adapter-node çalışır; bazı uç çalışma zamanlarının sınırlamaları vardır.
Performans
Akış kullanımı, ilk bayta ulaşma süresini ve algılanan hızı büyük ölçüde iyileştirir.
Yüklemeyle Birleştirme
SvelteKit'in akış kullanan yükleme işlevi, zaman içinde çözümlenen Promise'ler döndürür; bunlar ham akışlardan farklıdır.
Kısa Kontrol
Akış kullanmanın temel yararı nedir?
Özet
Parçaları aşamalı olarak +server.js üzerinden akıtmak için bir ReadableStream'i Response içine sarın.
Sıkça Sorulan Sorular
“ReadableStream ile Akış Oluşturma” dersi ücretsiz mi?
Evet — “ReadableStream ile Akış Oluşturma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“ReadableStream ile Akış Oluşturma” dersinde ne öğreneceğim?
+server.js içinde Web Streams API'sini kullanarak büyük yanıtları aşamalı olarak akış hâlinde gönderin. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.
“ReadableStream ile Akış Oluşturma” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- +server.js: GET POST PUT DELETE
- Request ve RequestEvent
- JSON Yanıtları Döndürme
- ReadableStream ile Akış Oluşturma