البث باستخدام ReadableStream
ابث الاستجابات الكبيرة تدريجيًا باستخدام Web Streams API في +server.js
البث باستخدام ReadableStream درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
لماذا نستخدم البث
يمكن إرسال الاستجابات الكبيرة تدريجيًا، بحيث يبدأ العميل في تلقي البيانات فورًا.
واجهة ReadableStream API
استخدم Web Streams API القياسية لإنشاء استجابة متدفقة.
const stream = new ReadableStream({
async start(controller) {
for (const chunk of source) {
controller.enqueue(new TextEncoder().encode(chunk));
}
controller.close();
}
});
return new Response(stream);الأحداث المرسلة من الخادم
ابثّ بيانات text/event-stream لتوفير تحديثات مباشرة.
النقل على أجزاء
يرسل HTTP كل جزء تمت إضافته إلى قائمة الانتظار عبر الشبكة فور جاهزيته.
حالات الاستخدام
السجلات الفورية، وإنشاء النصوص باستخدام AI، ورفع الملفات وتنزيلها، وأحداث التقدم.
جانب العميل
استخدم response.body.getReader() على جانب العميل لاستهلاك الدفق.
الضغط العكسي
يتوقف الدفق عن الإنتاج عندما يكون المستهلك بطيئًا. تجنب حظر المنتج.
الإغلاق
استدعِ دائمًا controller.close() عند الانتهاء. ويجب أن تستدعي الأخطاء controller.error().
المحوّلات
يختلف دعم الدفق باختلاف المحوّل. يعمل adapter-node، لكن بعض بيئات التشغيل الطرفية لديها قيود.
الأداء
يحسّن الدفق زمن وصول البايت الأول والسرعة المتصوَّرة بدرجة كبيرة.
الدمج مع load
يعيد streaming load في SvelteKit وعودًا تُحلّ بمرور الوقت، وهو يختلف عن الدفقات الخام.
تحقق سريع
ما الفائدة الرئيسية من الدفق؟
مراجعة
غلّف ReadableStream داخل Response لدفق الأجزاء تدريجيًا من +server.js.
الأسئلة الشائعة
هل درس «البث باستخدام ReadableStream» مجاني؟
نعم — نص درس «البث باستخدام ReadableStream» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «البث باستخدام ReadableStream»؟
ابث الاستجابات الكبيرة تدريجيًا باستخدام Web Streams API في +server.js تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.
كم من الوقت يستغرق درس «البث باستخدام ReadableStream»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- +server.js: GET وPOST وPUT وDELETE
- Request وRequestEvent
- إرجاع استجابات JSON
- البث باستخدام ReadableStream