🟢 Beginner — geen code vereist ⏱ 60-90 minuten

Je eerste AI agent in Flowise bouwen (zonder code)

Flowise is een open-source tool waarmee je visueel AI-agents en chatflows bouwt via drag-and-drop. In deze handleiding bouw je stap voor stap je eerste werkende AI-agent, zonder ook maar een regel code te schrijven.

Tools: Flowise (open-source, gratis)Node.js v18 of hogernpm (komt mee met Node.js)API key van OpenAI (gpt-4o-mini) of Anthropic (Claude)Optioneel: SerpAPI account (gratis, 100 searches/maand)
Je eerste AI agent in Flowise bouwen (zonder code)

Wat je leert in deze handleiding

  • Flowise lokaal installeren via npm
  • De canvas-interface begrijpen en navigeren
  • Een Conversational Agent aanmaken met LLM-verbinding
  • Tools toevoegen: Calculator en SerpAPI websearch
  • Buffer Memory koppelen voor geheugenfunctie
  • De agent testen via de ingebouwde chat-interface
  • Het chatflow-endpoint publiceren als REST API
  • Deployen naar Railway of Render voor 24/7 beschikbaarheid

Flowise is een open-source platform om AI-agents en chatbots te bouwen via een visuele drag-and-drop interface. Je verbindt blokken (nodes) met elkaar: een taalmodel, een geheugenmodule, tools voor websearch. Geen code nodig. In 60 minuten heb je een werkende agent die vragen beantwoordt, het internet kan doorzoeken en de context van het gesprek onthoudt.

Video tutorial (30 min): Flowise v3 Complete Tutorial - Build AI Agents WITHOUT Coding: https://www.youtube.com/watch?v=SLVVDUIbIBE

Wat je nodig hebt

Controleer voor je begint: Node.js v18 of hoger (download via nodejs.org), een API key van OpenAI (platform.openai.com/api-keys) of Anthropic (console.anthropic.com), en een terminal-applicatie. Controleer je Node.js versie via het commando hieronder.

node --version # Verwacht: v18.0.0 of hoger npm --version # Verwacht: 8.0.0 of hoger

Stap 1: Flowise installeren en starten

Open je terminal en voer onderstaande commando's uit. De installatie duurt 1-2 minuten. Daarna start Flowise automatisch op poort 3000.

npm install -g flowise npx flowise start # Met wachtwoordbeveiliging (aanbevolen voor productie): npx flowise start --FLOWISE_USERNAME=admin --FLOWISE_PASSWORD=jouwwachtwoord # Op andere poort als 3000 al bezet is: npx flowise start --PORT=3001

Open je browser op http://localhost:3000. Je ziet de Flowise startpagina met een leeg dashboard. Officiële docs: https://docs.flowiseai.com | GitHub: https://github.com/FlowiseAI/Flowise

Stap 2: Nieuwe chatflow aanmaken

Klik op Add New (of het plusje) in de linkerbovenhoek. Je ziet een leeg canvas. Aan de linkerkant staat de node-zijbalk, gegroepeerd per categorie: Chat Models, Agents, Tools, Memory, Document Loaders, etc. Je kunt zoeken via het zoekveld bovenaan de zijbalk.

[Screenshot: Leeg Flowise canvas met de categoriseerde node-zijbalk links. Zichtbaar zijn de categorieën Chat Models, Agents, Tools, Memory bovenaan.]

Stap 3: Chat model toevoegen

Zoek in de zijbalk naar ChatOpenAI en sleep hem naar het canvas. Klik op het tandwiel-icoon. Voer je OpenAI API key in. Kies model: gpt-4o-mini (snel, goedkoop, ideaal voor testen) of gpt-4o (hogere kwaliteit). Klik Save. Gebruik je liever Claude? Zoek naar ChatAnthropic en voer je Anthropic API key in. Kies claude-3-haiku-20240307 (snel) of claude-sonnet-4-5 (kwaliteit).

Stap 4: Conversational Agent toevoegen en verbinden

Zoek naar Conversational Agent en sleep hem naast je Chat Model. Verbind het uitvoerpunt van ChatOpenAI (rechts) met het Chat Model-invoerpunt van de Agent (links). Klik en sleep van het oranje punt op ChatOpenAI naar het overeenkomende punt op de Agent-node.

[Screenshot: Canvas met ChatOpenAI node links en Conversational Agent rechts, verbonden via een lijn. De verbinding loopt van het Chat Model uitvoerpunt naar het Chat Model invoerpunt van de Agent.]

Stap 5: Calculator en SerpAPI toevoegen

Sleep een Calculator node naar het canvas. Verbind zijn uitvoer met het Tools-invoerpunt van de Agent. Maak een gratis account op https://serpapi.com (100 searches per maand gratis). Kopieer je API key via serpapi.com/manage-api-key. Sleep een SerpAPI node, voer je key in, en verbind ook deze met het Tools-invoerpunt. Je agent heeft nu twee tools: een rekenmachine en een zoekmachine.

Stap 6: Buffer Memory toevoegen voor geheugen

Zonder Memory vergeet de agent elk bericht zodra je de volgende vraag stelt. Zoek naar Buffer Memory, sleep hem naar het canvas en verbind met het Memory-invoerpunt van de Agent. Stel Window Size in op 10: de agent onthoudt de laatste 10 berichten. Sla de chatflow op via de Save-knop rechtsboven (of Ctrl+S).

Stap 7: Testen via de ingebouwde chat

Klik op het chat-bubble icoon rechtsonder in het canvas. Test de drie tools achtereenvolgens: 1) Rekenen: Wat is 847 gedeeld door 23? (verwacht: Calculator-tool wordt gebruikt), 2) Zoeken: Wat is de huidige prijs van Nvidia aandelen? (verwacht: SerpAPI wordt aangeroepen), 3) Geheugen: Mijn naam is Lucas. Wat is mijn naam? (verwacht: antwoord bevat Lucas).

[Screenshot: Chat-interface open in het canvas. Zichtbaar is een gesprek waarbij de agent een search-resultaat citeert met bronvermelding.]

Stap 8: Publiceren als API

Klik op het API-icoon in de chatflow-toolbar (ziet eruit als codehaakjes). Je ziet je unieke Chatflow ID en een curl-voorbeeldcommando. Gebruik dit endpoint om je agent aan te roepen vanuit elke applicatie.

# Jouw agent aanroepen via de API: curl -X POST http://localhost:3000/api/v1/prediction/JOUW_CHATFLOW_ID \ -H "Content-Type: application/json" \ -d '{"question": "Wat is de huidige eurodollar koers?"}' # Verwacht antwoord (JSON): # {"text": "De huidige EUR/USD koers is...", "sourceDocuments": [...]}

Problemen oplossen

Probleem: 'Error: listen EADDRINUSE :::3000' bij starten. Oplossing: Poort 3000 is bezet. Start met: npx flowise start --PORT=3001 en open http://localhost:3001

Probleem: SerpAPI geeft 'Invalid API key' fout. Oplossing: Controleer of je de key correct hebt geplakt (geen spaties voor/na). Check serpapi.com/manage-api-key of je nog credits hebt (gratis: 100/maand).

Probleem: Nodes verbinden niet (geen lijn verschijnt). Oplossing: Je probeert het verkeerde type te verbinden. Elk invoerpunt accepteert alleen een specifiek type. Check de kleur van de punten: oranje = Chat Model, blauw = Tools, groen = Memory.

Probleem: Agent antwoordt in het Engels terwijl je Nederlands vraagt. Oplossing: Voeg een System Message toe aan de Agent-node: 'Je bent een behulpzame assistent. Antwoord altijd in het Nederlands.'

Volgende stappen

Nu je eerste agent werkt, zijn er drie logische vervolgstappen: 1) Voeg een PDF Document Loader toe zodat je agent je eigen documenten kan beantwoorden (zie onze handleiding: Bouw een AI-chatbot op basis van je eigen kennisbank). 2) Deploy Flowise op Railway.app (gratis tier) voor 24/7 beschikbaarheid zonder je eigen computer aan te laten staan. 3) Koppel de Flowise API aan een n8n workflow om je agent te integreren met andere tools in je bedrijf.

Flowise documentatie: https://docs.flowiseai.com | Flowise GitHub: https://github.com/FlowiseAI/Flowise | SerpAPI: https://serpapi.com | Node.js download: https://nodejs.org | OpenAI API keys: https://platform.openai.com/api-keys | Anthropic console: https://console.anthropic.com

Nieuwsbrief

Meer handleidingen en tips?

Elke week de beste agentic AI inzichten en nieuwe handleidingen in je inbox.

Gratis aanmelden →