Pyyntöjen tehokas eräajo

Yksi tRPC:n hienoimmista ominaisuuksista on pyyntöjen automaattinen eräajo. Kun asiakasohjelmanne tekee nopeasti peräkkäin useita tRPC-kutsuja, tRPC yhdistää ne älykkäästi yhdeksi HTTP-pyynnöksi.

Teidän ei tarvitse kirjoittaa tätä varten erityistä koodia – se toimii suoraan ilman erillisiä määrityksiä!

tRPC yhdistää pyynnöt, jotka tapahtuvat saman "tapahtumasilmukan tikin" aikana tai hyvin lyhyellä aikavälillä. Jos siis kutsutte kahta eri tRPC-kyselyä heti peräkkäin, ne todennäköisesti yhdistetään samaan eräajoon.

Jos React-komponentissanne on esimerkiksi kaksi samanaikaisesti renderöityvää useQuery-kutsua, tRPC yhdistää ne eräajoksi.

Tarkastellaan, kuinka useista asiakaspuolen kutsuista muodostuu yksi verkkopyyntö. Kuvitellaan, että React-komponenttinne tarvitsee kaksi erilaista käyttäjätietoa:

// Client-side React/Next.js example
import { trpc } from './utils/trpc';

function UserProfile() {
  const { data: user1 } = trpc.user.getById.useQuery({ id: '1' });
  const { data: user2 } = trpc.user.getById.useQuery({ id: '2' });

  // ... render user data
}

Vaikka kutsutte useQuery-funktiota kahdesti, tRPC lähettää ne palvelimellenne yhtenä eräajona käsiteltävänä pyyntönä.

Jos avaatte selaimen kehittäjätyökalut ja siirrytte "Network"-välilehdelle, näette jotakin kiinnostavaa:

• Kahden erillisen pyynnön sijaan (user.getById?id=1 ja user.getById?id=2) näette vain yhden pyynnön.
• Tämä yksittäinen pyyntö osoitetaan yleensä erilliseen eräajon päätepisteeseen, jonka nimi on usein esimerkiksi /api/trpc/user.getById,user.getById.
• Vastaus sisältää molempien kyselyjen tulokset.

Pyyntöjen automaattinen eräajo tarjoaa useita etuja:

• Pienempi viive: Harvemmat edestakaiset tiedonsiirrot nopeuttavat tietojen hakemista.
• Pienemmät yleiskustannukset: Yhteyksien muodostamiseen ja sulkemiseen kuluu vähemmän aikaa.
• Palvelimen tehokkaampi käyttö: Palvelimet voivat käsitellä useita toisiinsa liittyviä tehtäviä tehokkaammin.
• Yksinkertaisempi koodi: Teidän ei tarvitse hallita eräajoa itse, sillä tRPC hoitaa sen.

Kun tRPC vastaanottaa eräajona käsiteltävän pyynnön, se:

1. Jäsentää saapuvan yksittäisen HTTP-pyynnön.
2. Tunnistaa kaikki eräajoon sisältyvät yksittäiset proseduurit.
3. Suorittaa jokaisen proseduurin, usein rinnakkain, jos ne ovat toisistaan riippumattomia.
4. Yhdistää kaikkien proseduurien tulokset yhdeksi vastaukseksi.

Näin myös palvelin hyötyy optimoidusta pyynnöstä.

Vaikka tRPC:n automaattinen eräajo on erinomainen ominaisuus, joissakin harvoissa tilanteissa sen voi olla tarpeen poistaa käytöstä tai määrittää sen toimintaa. Näin voi olla esimerkiksi silloin, jos käytössänne on hyvin pitkään kestäviä kyselyjä, jotka haluatte suorittaa erikseen.

Voitte määrittää eräajon asetukset tRPC-asiakasta määrittäessänne, mutta useimmille sovelluksille oletustoiminta on optimaalinen.

Hienoa työtä! Tässä oppitunnissa tutustuimme tRPC:n automaattiseen pyyntöjen eräajoon.

• Opimme, kuinka tRPC yhdistää useita asiakaspuolen kyselyjä yhdeksi verkkopyynnöksi.
• Tämä vähentää verkon yleiskustannuksia ja viivettä sekä parantaa sovelluksen yleistä suorituskykyä.
• Eräajo tapahtuu automaattisesti saman tapahtumasilmukan tikin aikana tehtäville pyynnöille.

Tämä tehokas ominaisuus yksinkertaistaa koodianne ja tekee sovelluksistanne nopeampia ilman ylimääräistä työtä!