Xelflow Server
Hoe het werkt
Van idee tot een professionele website op Azure.
zonder backend complexiteit,
zorgen over
deployment en
zorgen over security.
Xelflow Stappenplan
- Je registreert bij Xelflow voor een gedeeld abonnement
- Je krijgt de code van een voorbeeld applicatie met Xelflow admin pagina
- Deze is al geïnstalleerd op Azure en beschikbaar op een random URL
- Je krijgt een deployment key voor het uploaden naar Azure
- Open de code in jouw favoriete IDE (getest in Antigravity)
- Haal een admin key op vanuit de Xelflow admin pagina
- Maak een Xelflow key voor het testen van de applicatie
- Upload de applicatie naar Azure met de deployment key
- Laat een domein koppelen aan je website
Herhaal tot het goed (genoeg) is
- Maak (of genereer met AI) jouw idee voor een website
- Web pagina's met Html, Css en Javascript met of zonder framework
- Flows voor backend logic
- Database migratie scripts
- Upload de flows naar de server met de admin key
- Upload de migratie scripts naar de server
- Voeg autorisaties toe via de admin pagina (optioneel)
- Voeg applicatie keys toe (optioneel)
- Test de applicatie lokaal in jouw IDE
Project Structuur
De projectarchitectuur is eenvoudig en overzichtelijk.
/api
Azure Functions voor keys (GET, POST, DELETE), connections (SSE stream setup) en events.
/flows
JSON definities van je business logica, georganiseerd in mappen.
/tables
Database definities en migratie scripts om je data model te beheren.
/src
De frontend code van jouw website (HTML/CSS/JS).
Eenvoudig mappenstructuur
Xelflow Admin Pagina's
Een Xelflow Admin Paneel voor het beheren van de Xelflow functionaliteiten, gebouwd met Xelflow flows dus meteen een mooi voorbeeld!
Gebruikers & Rollen
Beheer gebruikers, pas rollen aan (Admin/User of eigen rollen) en deactiveer accounts.
Flow Monitoring
Bekijk geïnstalleerde flows en monitor de uitvoering met gedetailleerde logs.
Configuratie
Beheer authenticaties (SMTP, DB, etc.) en genereer API keys voor lokale tests of webhooks.
Hoe een Xelflow website technisch werkt
1. Connectie & SSE Stream
De website vraagt een connectionId op bij de Xelflow Server via
/api/connection. Hiermee wordt daarna een directe Server Side Events (SSE)
stream
opgezet naar de Xelflow Server.
2. Events & Validatie
De website kan dan events sturen naar de server. De server controleert of de gebruiker de juiste rol heeft en of het event voldoet aan de validatieregels.
3. Flow Execution
Bij een geldig event wordt een flow gestart. Deze voert acties uit zoals:
- Query Database
- Send Email
- Http Requests
4. Server Side Events (SSE)
De flow kan berichten terug sturen naar de client via Server Side Events (SSE). Elk event heeft een naam en een payload. De website kan deze ontvangen en acties uitvoeren op basis van de payload.