البث من الخادم باستخدام +server.js
أرسل الأجزاء تدريجيًا من مسار API باستخدام ReadableStream.
البث من الخادم باستخدام +server.js درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
عمليات البث المرسلة من الخادم
داخل +server.js، أعيدوا Response يغلّف ReadableStream.
البث الأساسي
أنشئوا بثًا يُصدر أجزاءً بمرور الوقت.
export function GET() {
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/plain أو text/event-stream أو application/json (NDJSON) وغير ذلك.
حالات الاستخدام
إنشاء النصوص بالذكاء الاصطناعي، والسجلات الفورية، وتنزيلات الملفات الكبيرة، وتحديثات البيانات التدريجية.
الضغط العكسي
يحدّ البث من سرعة الإنتاج عندما يكون المستهلك بطيئًا، مما يمنع تضخم الذاكرة.
استهلاك العميل
استخدموا response.body.getReader() في العميل لقراءة البث.
الأحداث المرسلة من الخادم
للدفع أحادي الاتجاه من الخادم إلى العميل، يُعد SSE مناسبًا جدًا. شفّروا الأحداث بصيغة text/event-stream.
بديل WebSockets
للاتصال ثنائي الاتجاه، اختاروا WebSockets عبر خادم منفصل أو Adapter يدعمها.
الإلغاء
عالجوا إلغاء البث في دالة start لتحرير الموارد.
دعم Adapter
تدعم معظم Adapters البث؛ راجعوا وثائق Adapter الخاص بكم لمعرفة الحالات الخاصة.
الأداء
يقلل البث من TTFB ويتيح للعملاء معالجة البيانات الجزئية في وقت أبكر.
تحقق سريع
ما فئة البث التي تستخدمونها في +server.js؟
مراجعة
استخدموا ReadableStream في +server.js لإرسال استجابات خادم مجزأة ومنخفضة زمن الاستجابة.
الأسئلة الشائعة
هل درس «البث من الخادم باستخدام +server.js» مجاني؟
نعم — نص درس «البث من الخادم باستخدام +server.js» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «البث من الخادم باستخدام +server.js»؟
أرسل الأجزاء تدريجيًا من مسار API باستخدام ReadableStream. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «البث من الخادم باستخدام +server.js»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- بث البيانات باستخدام Promises في load
- التحميل المؤجل وتجربة مستخدم شبيهة بـ Suspense
- البث من الخادم باستخدام +server.js
- الترطيب التدريجي