Mendix-applicaties testen werd sneller & makkelijker
Een Chrome-extensie ontstaan uit mijn eigen ervaring als Mendix-developer — eindeloze bladwijzers ingeruild voor één geordende tool om te wisselen tussen apps, omgevingen en landing pages.
De uitdaging
Stel je voor dat je werkt aan tientallen Mendix-apps, elk met eigen OTAP-URL's per versie — hoe houd je dat overzichtelijk? Als Mendix-developer werd efficiënt schakelen tussen verschillende apps steeds lastiger.
Eindeloos veel OTAP-omgevingen
Elke Mendix-app heeft een eigen set URL's voor development, test, acceptance en production. Vermenigvuldig dat met tientallen apps en je verzuipt in de bladwijzers.
Bladwijzer-overload
Een lijst met bladwijzers per app, omgeving en variant werd snel onbeheersbaar. De juiste vinden duurde langer dan de URL gewoon intikken.
Meerdere app-varianten
Naast omgevingen heeft elke app varianten — mobile, tablet, responsive — plus verschillende landing pages zoals SSO-login of deep links. De combinaties exploderen.
Het eerste prototype
Om dit definitief op te lossen bouwde ik een tool die geordend en snel toegang geeft tot verschillende app-versies en landing pages. Het concept is simpel: een lijst met opgeslagen apps waarin variabelen bepalen waar je terechtkomt.
De eerste versie werkte op URL-manipulatie, waarmee ik de poort en het device profile kon aanpassen. Met één klik schakel je tussen versies en landing pages — geen bladwijzerjacht meer.
Your environment Mendix App
Integratie van Mendix-omgevingen
Een belangrijke doorbraak was de integratie van Mendix-omgevingen. Via de Mendix API kreeg ik directe toegang tot alle relevante omgevingen, waarmee handmatige bladwijzers overbodig werden.
Environment
Sandbox
Omgevingen automatisch ophalen
De Mendix API geeft alle OTAP-omgevingen automatisch. Geen URL's meer kopiëren of bladwijzerlijsten bijhouden.
Schakelen met één klik
Spring met één klik tussen sandbox, acceptance, test en production. De extensie regelt de URL-transformatie.
Landing page-aanpassing
Met de MVP werkend wilde ik 'm gebruiksvriendelijker maken. Omdat elke app uniek is, hadden sommige unieke landing pages nodig die afwijken van de default index.html of login.html.
Om gebruikers meer controle te geven, voegde ik de mogelijkheid toe om eigen landing pages aan te maken. Die verschijnen in het landing page-dropdown, naast de defaults. Daardoor kun je dezelfde deep links opnieuw bezoeken in local, acceptance en production — tijdwinst bij elke testronde.
Eigen landing pages
Voeg app-specifieke landing pages toe zoals SSO-login of deep links. Ze verschijnen in de dropdown naast de defaults.
Consistente deep links
Bezoek dezelfde deep links in elke omgeving. Wat werkt in local, werkt ook in acceptance en production.
Tech stack
Gebouwd als Chrome-extensie met React en Tailwind — lichtgewicht, snel en specifiek voor het Mendix-ecosysteem.
React
Component-gebaseerde UI voor de extension-popup en options-pagina.
Tailwind CSS
Utility-first styling voor een strakke, compacte extension-UI.
Figma
Design en prototyping voor de extension-interface.
Resultaten
Wat begon als persoonlijke tool om mijn eigen probleem op te lossen, is nu een publiek beschikbare Chrome-extensie die Mendix-developers gebruiken om hun dagelijkse workflow te versnellen.
Gepubliceerd in de Chrome Web Store
Beschikbaar voor elke Mendix-developer om te installeren. Gebouwd vanuit echte developer-pijn, niet vanuit hypothetische features.
Direct schakelen tussen omgevingen
Wat eerst meerdere stappen kostte — de juiste bladwijzer vinden, de URL aanpassen — gebeurt nu met één klik.
Open source op GitHub
De volledige broncode is publiek beschikbaar. Andere developers kunnen bijdragen, forken of leren van de implementatie.
Solo end-to-end gebouwd
Concept, design, development, Chrome Web Store-listing en doorlopend onderhoud — allemaal door één persoon.