Je app werkt op je laptop, en nu?
Je hebt met je agent iets gebouwd en het werkt. Op je eigen laptop, in je browser, op localhost. En dan komt de vraag die bijna iedereen in een vibe coding-opleiding vroeg of laat stelt: hoe krijg ik dit bij andere mensen? Op hun laptop, of liefst gewoon op hun smartphone.
De eerste reflex is dan vaak de app store. Want een app hoort toch in een store, denk je dan. Ik zou eerst een stap terugzetten. Er zijn eigenlijk twee routes, en die heten anders omdat ze ook echt anders zijn. Deployen is je app op een server zetten, zodat mensen er via het web aan kunnen. Publiceren is je app in een store zetten, zoals de App Store van Apple of Google Play. Hoe eerder je weet welke route jouw app nodig heeft, hoe minder je achteraf moet herbouwen.
Kopieer de prompt onderaan dit artikel. Daarmee laat je je agent kiezen welke route bij jouw app past.
Deployen: je app op een server
Deployen doe je typisch in een organisatie. Een tool voor je team, voor één afdeling, of een website voor iedereen. Je zet hem op een server ergens op het internet, en mensen krijgen toegang, soms via een login.
Ik heb zelf een paar kleine web-apps op mijn server staan. Eentje is voor de aanwezigheidslijsten na een opleiding. Vroeger waren dat papieren die ik mee naar huis nam. En eens ik thuis ben, denk ik daar niet meer aan. Dus nu neem ik op het einde van de dag een foto. De app leest de lijst, zet ze om in een Excel-tabelletje en stuurt dat naar de mensen die het nodig hebben. Een klein probleem, een klein appje, en ik vergeet het nooit meer.
Een web-app is in de grond een website. Het verschil zit in de vormgeving: ze is gebouwd om ook op een smartphone of een tablet goed te werken.
Een web-app die eruitziet als een app
In de workshop vroeg een deelnemer of een web-app dan niet gewoon de betere keuze is. Minder regeltjes, geen updates via een store, meer vrijheid. Voor veel apps klopt dat, denk ik.
Bij mijn eigen website heb ik in de briefing gezet dat ze op elk scherm leesbaar moet zijn. En ik heb erbij gezet dat het een PWA moet worden, een progressive web app. De agent houdt daar dan rekening mee bij het bouwen. Als ik mijn venster kleiner maak, verspringt alles. En onderaan verschijnt een balkje met knoppen. Dan ziet het er eigenlijk uit als een app. In je browser kun je dat zelf nakijken: in de responsive design mode kies je een iPad of een iPhone, en je ziet meteen hoe het daar oogt.
Zo is de app die het meest op een app lijkt, vaak gewoon een website. En voor heel wat ideeën is dat ruim genoeg.
Veelgestelde vragen
Lees gratis verder
Registreer gratis met je e-mailadres en lees verder. Met je account open je de gratis artikels in de leerruimte; de rest is voor abonnees, vanaf Learn Plus.
Kijk in je mailbox
0 waarderingenNog geen reactiesLees de reacties
Reacties
Leden reageren hier en lezen elkaars reacties. Registreer gratis of log in om mee te praten.
Registreer gratis of log inNog geen reacties. Wat neem jij mee?