can i send data from client to server in subscriptions
Hi, as in the topic, is it possible to do bidirectional websockets transmission, i am trying to build a chat and cannot figure out how to send messages from my nextjs frontend using wsLink to trpc standalone backend (not in nextjs api routes). Many thanks
6 Replies
No they are only for listening, mutations are for sending mutations. The wsLink is bidirectional.
can you please elaborate? i don't quite get it you said that wsLink is bidirectional but i cannot post any messages via this link, i need to send messages to my ws route in real time, can you please tell how to achieve it?
By using the wsLink to connect to your tRPC backend you can both send and receive information through that WS connection. You request and listen for data through queries and subscriptions, you send data through the use of mutations.
ok i discussed this with gpt and i think i understand, so mutation on wsLink goes via websocket not via rest, i have this setup hovewer and this is compromising my websocket mutations is that correct? links: [
splitLink({
condition: (op) => op.type === 'subscription',
true: wsLink({
client: createWSClient({
url:
ws://localhost:7001,
}),
transformer: superjson,
}),
false: httpLink({
url: http://localhost:7001,
fetch(url, options) {
return fetch(url, {
...options,
credentials: 'include',
cache: 'no-store',
});
},
transformer: superjson,
}),
}),
], so i would have to create two separate clients one for websockets and one for rest is that correct?Split Link | tRPC
splitLink is a link that allows you to branch your link chain's execution depending on a given condition. Both the true and false branches are required. You can provide just one link, or multiple links per branch via an array.
Links Overview | tRPC
Links enable you to customize the flow of data between the tRPC Client and Server. A link should do only one thing, which can be either a self-contained modification to a tRPC operation (query, mutation, or subscription) or a side-effect based on the operation (such as logging).