+server.js के साथ सर्वर से स्ट्रीमिंग
ReadableStream का उपयोग करके API रूट से क्रमिक रूप से खंड भेजें।
+server.js के साथ सर्वर से स्ट्रीमिंग, CoddyKit पर Sveltejs Academy का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Sveltejs Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
सर्वर-प्रेषित डेटा प्रवाह
+server.js के अंदर ReadableStream को लपेटने वाला Response लौटाइए।
मूल डेटा प्रवाह
ऐसा डेटा प्रवाह बनाइए, जो समय के साथ chunk भेजे।
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 चुनिए।
रद्दीकरण
संसाधन मुक्त करने के लिए start फ़ंक्शन में डेटा प्रवाह का रद्दीकरण संभालिए।
एडेप्टर समर्थन
अधिकांश एडेप्टर डेटा प्रवाह का समर्थन करते हैं; विशेष परिस्थितियों के लिए अपने एडेप्टर के दस्तावेज़ देखिए।
प्रदर्शन
डेटा प्रवाह TTFB घटाता है और क्लाइंट को आंशिक डेटा जल्दी संसाधित करने देता है।
त्वरित जाँच
+server.js में आप किस डेटा प्रवाह क्लास का उपयोग करते हैं?
पुनरावलोकन
कम विलंबता वाले, chunk में बाँटे गए सर्वर रिस्पॉन्स के लिए +server.js में ReadableStream का उपयोग कीजिए।
एआई शिक्षक के साथ HTML सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 41
- पाठ
- 163
अक्सर पूछे जाने वाले प्रश्न
क्या “+server.js के साथ सर्वर से स्ट्रीमिंग” पाठ निःशुल्क है?
हाँ—“+server.js के साथ सर्वर से स्ट्रीमिंग” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Sveltejs Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“+server.js के साथ सर्वर से स्ट्रीमिंग” में मैं क्या सीखूँगा?
ReadableStream का उपयोग करके API रूट से क्रमिक रूप से खंड भेजें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Sveltejs Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या Sveltejs Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Sveltejs Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।
“+server.js के साथ सर्वर से स्ट्रीमिंग” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस Sveltejs Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर Sveltejs Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- load में Promises के साथ डेटा स्ट्रीम करना
- विलंबित लोडिंग और Suspense जैसा UX
- +server.js के साथ सर्वर से स्ट्रीमिंग
- क्रमिक हाइड्रेशन