← Volver al modulo FL01

Lab FL01: RAG Chatbot con Flowise

Tiempo estimado: 45-60 minutos

Paso 1: Instalar Flowise

Opcion A (rapida, desarrollo):

npx flowise start

Opcion B (produccion, Docker):

git clone https://github.com/FlowiseAI/Flowise.git
cd Flowise/docker
docker compose up -d

Abre http://localhost:3000 en tu navegador. Deberias ver el dashboard de Flowise.

Si usas Docker, asegurate de tener Docker Desktop instalado y corriendo.

Paso 2: Crear Chatflow RAG

  1. Click en "Chatflows" → "Add New"
  2. Arrastra estos 5 nodos al canvas:
    • PDF File Loader (Document Loaders)
    • Recursive Character Text Splitter (Text Splitters) — chunk size: 1000, overlap: 200
    • In-Memory Vector Store (Vector Stores)
    • OpenAI Embeddings (Embeddings) — necesitas API key
    • ChatOpenAI (Chat Models) — modelo: gpt-4o-mini
  3. Conecta: PDF Loader → Text Splitter → In-Memory Vector Store
  4. Conecta: OpenAI Embeddings → In-Memory Vector Store
  5. Anade un nodo Conversational Retrieval QA Chain
  6. Conecta: Vector Store → QA Chain (retriever), ChatOpenAI → QA Chain (model)
Alternativa gratuita: usa Ollama en vez de OpenAI. Nodo ChatOllama + OllamaEmbeddings con modelo llama3.1.

Paso 3: Subir documentos y probar

  1. En el nodo PDF File Loader, sube 3 PDFs de tu proyecto
  2. Click "Save" para guardar el chatflow
  3. Click el icono de chat (abajo derecha)
  4. Prueba con 10 preguntas:
    • 5 que los documentos responden directamente
    • 3 que requieren combinar info de varios chunks
    • 2 que NO estan en los documentos (deberia decir que no sabe)

Paso 4: Configurar API y probar con curl

  1. En Settings del chatflow, activa "API Key" y crea una nueva
  2. Copia el chatflow ID (visible en la URL)
  3. Prueba desde terminal:
curl -X POST http://localhost:3000/api/v1/prediction/{CHATFLOW_ID} \
  -H "Content-Type: application/json" \
  -H "Authorization: Bearer {API_KEY}" \
  -d '{"question": "cual es la politica de devoluciones?"}'

Paso 5: Embed widget en HTML

  1. En el chatflow, click "Share" → "Embed"
  2. Copia el snippet de script
  3. Crea un fichero test.html:
<!DOCTYPE html>
<html>
<body>
  <h1>Mi web con chatbot</h1>
  <!-- Pega aqui el snippet de Flowise -->
</body>
</html>

Abre en navegador. Deberia aparecer el widget de chat.

Checklist de entrega

Hacer quiz FL01 →