Sveltejs Academy · Oppitunti

Suoratoisto ReadableStreamilla

Suoratoistakaa suuria vastauksia asteittain Web Streams API:n avulla +server.js-tiedostossa.

Oppitunti 4/413 vaihetta

Suoratoisto ReadableStreamilla on ilmainen Sveltejs Academy-oppitunti CoddyKitissä. Tämä on oppitunti 4/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Sveltejs Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.

Miksi suoratoistaa

Suuret vastaukset voidaan lähettää vaiheittain, jotta asiakas alkaa vastaanottaa tietoja heti.

ReadableStream-rajapinta

Rakenna suoratoistovastaus Web Streams -standardirajapinnan avulla.

const stream = new ReadableStream({
  async start(controller) {
    for (const chunk of source) {
      controller.enqueue(new TextEncoder().encode(chunk));
    }
    controller.close();
  }
});
return new Response(stream);

Palvelimelta lähetetyt tapahtumat

Suoratoista text/event-stream-muotoista tietoa reaaliaikaisia päivityksiä varten.

Paloiteltu siirto

HTTP toimittaa jokaisen jonoon lisätyn palan verkon kautta heti, kun se on valmis.

Käyttötapaukset

Reaaliaikaiset lokit, tekoälyn tekstin generointi, tiedostojen lähetykset ja lataukset sekä etenemistapahtumat.

Asiakaspuoli

Käyttäkää asiakaspuolella metodia response.body.getReader() virran käsittelyyn.

Takapaine

Virran tuottaminen keskeytyy, kun kuluttaja on hidas. Älkää estäkö tuottajaa.

Sulkeminen

Kutsukaa aina controller.close(), kun käsittely on valmis. Virhetilanteissa tulee kutsua controller.error().

Sovittimet

Virtojen tuki vaihtelee sovittimen mukaan. adapter-node toimii, mutta joissakin edge-ajoympäristöissä on rajoituksia.

Suorituskyky

Suoratoisto parantaa Time to First Byte -aikaa ja koettua nopeutta huomattavasti.

Yhdistä load-toimintoon

SvelteKitin streaming load palauttaa Promises-objekteja, jotka ratkaistaan ajan mittaan. Tämä eroaa raakavirroista.

Pikatarkistus

Mikä on suoratoiston tärkein hyöty?

Vastaa interaktiivisessa oppitunnissa

Kertaus

Verhoilkaa ReadableStream Response-objektiin, jotta +server.js voi lähettää palasia vähitellen suoratoistona.

Aloita maksutta

Opi HTML tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 41
Oppitunnit: 163

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Suoratoisto ReadableStreamilla” ilmainen?

Kyllä – oppitunnin ”Suoratoisto ReadableStreamilla” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Sveltejs Academy-kurssin, päivitä CoddyKit PROhon. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Suoratoisto ReadableStreamilla”?

Suoratoistakaa suuria vastauksia asteittain Web Streams API:n avulla +server.js-tiedostossa. Harjoittelet Sveltejs Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni Sveltejs Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin Sveltejs Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 4/4.

Kuinka kauan ”Suoratoisto ReadableStreamilla”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä Sveltejs Academy-oppitunnilla?

Kyllä. Jokainen Sveltejs Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

← Takaisin: Sveltejs Academy