Update

backend.py

@@ -0,0 +1,25 @@
+from fastapi import FastAPI
+from pydantic import BaseModel
+
+app = FastAPI()
+
+
+@app.get("/")
+async def root():
+    return {"message": "Hello World"}
+
+
+@app.get("/hello/{name}")
+async def say_hello(name: str):
+    return {"message": f"Hello, {name.upper()}"}
+
+
+class Item(BaseModel):
+    name: str
+    description: str | None = None
+    price: float
+
+
+@app.post("/items/")
+async def create_item(item: Item):
+    return item

gradio_frontend.py

@@ -0,0 +1,79 @@
+import gradio as gr
+import requests
+import json
+
+# URL base da sua API FastAPI. 
+# Certifique-se de que o backend (backend.py) está rodando.
+API_URL = "http://127.0.0.1:8000"
+
+# --- Funções que interagem com a API ---
+
+def get_root_message():
+    """Chama o endpoint GET / """
+    try:
+        response = requests.get(f"{API_URL}/")
+        response.raise_for_status()  # Lança um erro para respostas 4xx/5xx
+        return response.json().get("message", "Resposta inesperada da API.")
+    except requests.exceptions.RequestException as e:
+        return f"Erro ao conectar com a API: {e}"
+
+def get_hello_message(name):
+    """Chama o endpoint GET /hello/{name}"""
+    if not name:
+        return "Por favor, insira um nome."
+    try:
+        response = requests.get(f"{API_URL}/hello/{name}")
+        response.raise_for_status()
+        return response.json().get("message", "Resposta inesperada da API.")
+    except requests.exceptions.RequestException as e:
+        return f"Erro ao conectar com a API: {e}"
+
+def create_item(name, description, price):
+    """Chama o endpoint POST /items/"""
+    if not name or price is None:
+        return "Nome e Preço são campos obrigatórios."
+    
+    item_data = {
+        "name": name,
+        "description": description,
+        "price": price
+    }
+    try:
+        response = requests.post(f"{API_URL}/items/", json=item_data)
+        response.raise_for_status()
+        return response.json()
+    except requests.exceptions.RequestException as e:
+        return f"Erro ao conectar com a API: {e}"
+
+# --- Construção da Interface com Gradio ---
+
+import gradio as gr
+
+with gr.Blocks() as demo:    
+    gr.Markdown("# Interface para API FastAPI")
+
+    with gr.Tab("Saudação (/)"):
+        btn_root = gr.Button("Chamar API Raiz (/)")
+        output_root = gr.Textbox(label="Resposta da API")
+        btn_root.click(fn=get_root_message, inputs=None, outputs=output_root)
+
+    with gr.Tab("Saudação com Nome (/hello/{name})"):
+        input_name = gr.Textbox(label="Digite seu nome")
+        btn_hello = gr.Button("Enviar")
+        output_hello = gr.Textbox(label="Resposta da API")
+        btn_hello.click(fn=get_hello_message, inputs=input_name, outputs=output_hello)
+
+    with gr.Tab("Criar Item (/items/)"):
+        input_item_name = gr.Textbox(label="Nome do Item")
+        input_item_desc = gr.Textbox(label="Descrição do Item (Opcional)")
+        input_item_price = gr.Number(label="Preço do Item")
+        btn_create = gr.Button("Criar Item")
+        output_item = gr.JSON(label="Item Criado (Resposta da API)")
+        btn_create.click(
+            fn=create_item, 
+            inputs=[input_item_name, input_item_desc, input_item_price], 
+            outputs=output_item
+        )
+
+if __name__ == "__main__":
+    demo.launch(share=True)