Query Params on Server macro

[roysabenecio]

Stack: leptos + axum
Problem:

• I need the :id part on the query (/api/users/:id)

Upon checking axum, Query params can be accessed using extract in a function args, so does leptos but in a slightly different way. I did this:

• let user_id_param = Path = extract().await
  Problem:
• server endpoint is static (i guess?) (/users/:id)

This works, user_id_params = ":id" if i send a req that is exactly "/api/users/:id". If I do /api/users/2, server function is not found. I also tried /api/users/:{id} and /api/users/{id} on server macro endpoint, didn't work.

I don't know how leptos work, so maybe I'm missing some things, if there are docs for these things, kindly point me in the right direction. If not, can someone help me on figuring this thing out?

Though this might be an actix/axum specifics, but I hope that implementing these kind of things be included in the docs.

thanks in advance

[gbj]

It's a bit hard to follow along with no code.

But I think you're thinking about this the wrong way.

What you're describing works fine with an ordinary Axum route, of course, and you can use one of those for whatever you want.

"Server functions" are a particular abstraction though: if you want to take arguments like id, you pass them as arguments to the function (and they are encoded/decoded via whatever server function encoding you are using).

#[server]
pub async fn users(id: String) -> Result<User, ServerFnError> {
  // ...
}

[roysabenecio]

Sorry, let me repeat again with codes

If i do this it will work right

#[component]
pub fn ui() ->impl IntoView {
 let users_res = Resource::new(|| id(), |id| async move { users(id).await });
  // ...
}

but let say im maybe building the api or the backend first and im using tools such as postman(in my case httpie). I'll test the api like this

SEND POST on http://localhost:3000/api/users

supposedly i customized the serverfn and do something like

#[server(name=Users, prefix="/api", endpoint="users")]

This works if the url doesnt contain dynamic parameters, but in my case i wanted to get the id from the url by sending a request like this

SEND POST on http://localhost:3000/api/users/1

my problem is that, how do i set it up on my server, especially on the endpoint part

I tried these things:
#[server(name=Users, prefix="/api", endpoint="users/:id")]

This will only work if i send a req like this:
SEND POST on http://localhost:3000/api/users/:id

but wont work if i do this
SEND POST on http://localhost:3000/api/users/1

[gbj]

That's what I'm trying to say: "server functions" are an abstraction, where the arguments are encoded in specific ways. So, for a POST request, all of the arguments are encoded in the body of the request. For a GET request, all of the arguments are encoded as query params. etc.

So if you are defining a server function and you want to call it with a particular id, you do not pass it as part of the path: you pass it as the request body, just like an HTML <form method="POST"> would.

If you want the flexibility to be able to do things like passing arguments via path params, you should just define an ordinary Axum route rather than trying to use a server function.

[roysabenecio]

Okay, thank you very much, I think that's already my answer.

I hope I didnt upset you, and will still answer if there will be more questions later on

[gbj]

Not upsetting at all! 😄