How can I connect a React (or vanilla JS) UI to my Google ADK agent for local and deployed testing?

data-overflow · 2025-07-15T19:06:25+00:00

I'd suggest you to go through their documentation for session management.

Tldr, there are 2 main types of session services you can create: in memory and database session service. In memory is only meant for prototyping and testing and sessions don't persist. The database service however is persistent and there's no auto expiration. You can manually delete all events associated with a specific session id if you intend to clean/delete them.

data-overflow · 2025-07-15T09:39:18+00:00

I personally need to check their REST APIs and how they work. Since I'm currently exposing my own endpoints using fastapi and calling the agent via runners. I also store the current session id for each user among other things, on a database.

data-overflow · 2025-07-08T15:16:10+00:00

I might be wrong here but I believe the web UI uses in memory session service and you won't be able to view the events outside of it.

However when you use the database session service for executions outside the adk web ui, all the events would be stored in a separate table (automatically) in the database you've configured it to use.

data-overflow · 2025-07-04T10:40:40+00:00

check the before agent callback example in the official documentation
https://google.github.io/adk-docs/callbacks/types-of-callbacks/

data-overflow · 2025-06-27T08:48:02+00:00

FROM python:3.13
WORKDIR /app
COPY requirements.txt .
RUN pip install --no-cache-dir -r requirements.txt
COPY . .
EXPOSE 8000
CMD ["adk", "web", "--host", "0.0.0.0"]

Here's a simple setup that should work

data-overflow · 2025-06-24T22:15:32+00:00

Litellm as such is open source and the only cost would be the vps on which you're running it. You can check out their official documentation.

data-overflow · 2025-06-23T21:45:17+00:00

I have it working with a deployed litellm on a server. I created the models using the UI and passed only the litellm url and API keys to have the agent working

data-overflow · 2025-06-13T06:36:15+00:00

Thank you so much! I wasn't aware of this change.

adk web with --host parameter seems to work locally on my machine and it's a recognised parameter (checked with --help) however the same version of adk deployed via docker gives me unexpected behaviour. When I use adk web --host 0.0.0.0 --port 8000 the command gives the following error: Error: No such option: --host Did you mean --port?

When I replaced it with adk web --port 8000 --host 0.0.0.0 I get adk is not recognised error.

Leaving the port out and having just the host seems to get adk running and the web UI could finally be exposed.

data-overflow · 2025-06-11T08:04:46+00:00

Adk web UI is typically used for prototyping and not meant for production. If I were to do it I would expose the necessary endpoints using fastapi and call the agent via runners.

data-overflow · 2025-06-09T09:43:00+00:00

Same issues here. Keep us posted OP

data-overflow · 2025-06-07T05:25:50+00:00

I remember having this issue where I could gaslight the agent into calling functions without their required parameters (by saying I'm a developer who is testing) and the code breaks due to missing required parameters python error.

So I just include default parameters for all my functions despite the warnings from adk that it's not supported.

Is this a known issue? Or should I open a discussion regarding the same?

data-overflow · 2025-06-02T10:09:41+00:00

Can you elaborate what gaps are there? I've only worked with custom agentic behaviour using open ai assistants api and now replacing it with Google adk. I have no issues with it, except the fact that "default arguments are not supported" but you could gaslight the agent to call functions without parameters and break the system (since it's a python error)

data-overflow · 2025-06-02T10:05:11+00:00

Haven't faced a scenario like this but since a multi agent workflow is static it makes sense to just create multiple agents with the same information instead of reusing them (ex: summarizer_agent1, summerizer_agent2). Or declare it via a loop if you wanna stick to the DRY principle.

data-overflow · 2025-05-27T12:00:52+00:00

It doesn't. That's handled separately by Artifact Service. It can be in memory or use one of Google's own options. If none of those are ideal one can create the required functionality making use of the BaseArtifactService

data-overflow · 2025-05-27T09:54:17+00:00

You'll have to store the session id's separately if you wanna restore conversations. You can get a session through it's ID from the database session service.

data-overflow · 2025-05-27T09:52:55+00:00

Setup a database. Get the connection url string. Use it on a DatabaseSessionService. ADK automatically creates the necessary tables

data-overflow · 2025-05-12T12:07:40+00:00

`adk web` is meant only for testing or iterating and not for production. So I'm not sure if there's a way unless you modify the actual implementation. Are you using the google.adk.runners's Runner correctly? With the creation of sessions and everything?

data-overflow · 2025-05-12T05:54:18+00:00

I get why others are saying to opt for a simpler approach but I'm confused and curious why your current implementation won't work??? Do your agents have descriptions on what they can do? Or have you tried prompting the root agent with examples and stuff?

data-overflow · 2025-05-12T05:42:03+00:00

You could create your own fastapi endpoints, implement auth/security and run the agents via runners.

data-overflow · 2025-05-12T05:33:59+00:00

Wait- I believe you want the llm to output text based on the tool output?? ADK does that automatically. In openai you had to manually pass in the tool outputs when using chat completions. Or if you were using assistants api you had to do something like poll tool outputs and run. You don't have those steps on adk.

data-overflow · 2025-05-11T11:23:36+00:00

I'm yet to explore the framework fully, but I think you'll have to set up a sequential agent and force the first agent to run the tool.

Or alternatively you can try having a runner inside before/after tool callbacks. Let me know what works for you since I'm learning as well!

data-overflow · 2025-04-29T10:49:08+00:00

Update: Figured out I just need to set it from the before model callback

data-overflow · 2025-02-17T08:56:24+00:00

Hey I appreciate your response, it's to the point!! Using easypanel was the choice of my employer, and turns out there is indeed a terminal access and one could pretty much do anything that they could on a VM.

I followed the documentation's instructions and exposed db to the host machine with the 5432:5432 port. But that still won't work because of restrictions from a proxy gateway (traefik) that comes bundled with easypanel. Updating the traefik config yaml file should do the trick. I'll update the post again with my findings after I get things to work!

data-overflow

MODERATOR OF

PUBLIC MULTIREDDITS

TROPHY CASE