How to use tonic GRPC client in Dioxus？

[nanlong]

Unfortunately, I couldn't find a solution or sample code.

Is it feasible?

And if so, how?

Thank you very much.

[rMazeiks]

Hi!

I'm not very familiar with Tonic, but looks like it's an async library.

To make a request when a component renders

You can use use_future and put whatever async code you need in there. That will return a UseFuture struct, and you can call .value() to get the result of the request (once it resolves).

As for sample code, you can take a look at Dioxus examples that have use_future – for example, the dog_app. It uses reqwest, not tonic, but the idea is similar.

To make a request in response to a user action

You can use cx.spawn to spawn a future imperatively. An example where this is used is login_form. Again, reqwest, not tonic, but you can adapt it to your needs.

---

Apart from that, I don't think there will be anything Dioxus-specific, so you can just follow the usual Tonic docs. Admittedly, at first glance, they're not very simple, but it looks like they have a nice tutorial to get started. Also take a look at tonic examples. Good luck!

[kalzoo]

I can add a little more here, in case others stumble on this in the future.

The key problem with tonic is the use of http2 to enable gRPC. http2 is fundamentally browser-incompatible. You can still use it, but the target gRPC service also needs to be adapted to accept http/1 requests with the grpc-web protocol.

There are a few developing libraries out there to help with this. one, for example, is https://docs.rs/tonic-web-wasm-client/latest/tonic_web_wasm_client/ ; I have not used it, YMMV.