DevSecOps

Staging en acceptatie

Een stagingomgeving is een tweede versie van je site, op een adres dat alleen jij en wij kunnen bereiken. Het woord klinkt technisch, maar het is gewoon een testomgeving. Daar zetten we wijzigingen eerst neer, zodat je ze kunt bekijken en goedkeuren voordat je bezoekers ze te zien krijgen.

Wat is een stagingomgeving?

Acceptatie is wat jij daar doet. Je loopt langs wat er gebouwd is, klikt het na zoals jij normaal werkt, en meldt wat er niet klopt. Pas als jij ja zegt, gaat het live. Dat kleine ritueel voorkomt een hoop gedoe achteraf.

Het verschil met even kijken op de echte site is groot. Op een stagingomgeving kun je een bestelling plaatsen, een factuur laten maken en een mail laten versturen zonder dat iemand iets ontvangt of betaalt. Op de echte site staat je testbestelling tussen de orders die je moet uitleveren.

Wat een stagingomgeving je oplevert

Een tweede omgeving kost iets, en levert vooral op wat je niet meemaakt. Dit merk je er wel van.

Jij ziet het eerst, je klanten daarna: Een nieuwe pagina, een gewijzigd formulier of een update bekijk je rustig, op een moment dat het jou uitkomt. Wat je niet goed vindt, gaat gewoon niet live.

Updates zonder gok: Updates draaien eerst op de stagingomgeving en worden daar nagelopen. Gaat er iets stuk, dan repareren we dat voordat het je bezoekers raakt, in plaats van erna.

Testen met je eigen spullen: Je test met een kopie van je eigen gegevens, niet met verzonnen voorbeelden. Daardoor komen juist de rare gevallen boven: die ene klant met vijf adressen, dat product zonder foto, die order van vorig jaar.

Duidelijk wanneer iets af is: Je krijgt per oplevering een lijstje van wat er klaar is en wat nog niet. Dat scheelt de discussie of iets nou wel of niet in de opdracht zat.

Voor wie is dit

Een stagingomgeving is de moeite waard zodra er meer aan je site verandert dan één tekstje per kwartaal:

  • Je hebt een keer een update gedraaid en pas achteraf gemerkt dat er iets stuk was
  • Je wil een nieuwe pagina of functie eerst zelf zien voordat je klanten hem zien
  • Iemand binnen je bedrijf die geen ontwikkelaar is moet een wijziging aftekenen
  • Je hebt een webshop of portaal waar je niet zomaar een testbestelling in kunt gooien
  • Er werken meerdere mensen aan je site en je wil dat iemand meekijkt voordat het live gaat

Wat je krijgt

  • Een kopie van je site op een afgeschermd adres, met een wachtwoord ervoor en onvindbaar in Google
  • Elke week verse gegevens uit de echte site, met namen en adressen vervangen door verzonnen exemplaren
  • Mail die op de stagingomgeving blijft hangen, zodat een test nooit bij een echte klant in de inbox valt
  • Koppelingen naar de testomgeving van je betaalprovider en je andere systemen, zodat er geen echt geld rondgaat
  • Per oplevering een lijstje om af te tekenen, met wie wat heeft nagekeken en wanneer
  • Dezelfde stappen van de stagingomgeving naar de echte site, zodat wat je goedkeurde ook is wat er live komt

Hoe we het bouwen

Kopiëren. We zetten een kopie neer die zo dicht mogelijk bij de echte site ligt: dezelfde versies, dezelfde instellingen, dezelfde koppelingen maar dan naar de testomgeving. Juist in het verschil tussen die twee verstoppen fouten zich.

De deur dicht. Een stagingomgeving die open staat komt in Google terecht, en dan zijn je halve concepten en je klantgegevens ineens vindbaar op internet. Dus: een wachtwoord ervoor, geen zoekmachines erin, en gegevens van echte mensen eruit voordat ze erop komen.

Aftekenen. Bij elke oplevering krijg je een lijstje met wat er te zien is en wat je moet nakijken. Jij tekent af, wij zetten het live. Wat je hebt goedgekeurd is wat er komt te staan.

Wat kost een stagingomgeving?

Wat een stagingomgeving inrichten voor een bestaande site kost, zit vooral in de verbindingen met andere partijen. Een site die op zichzelf staat is ongeveer een dag werk. Een webshop met een betaalprovider, een voorraadsysteem en een verzendpartij vraagt van elk van die partijen een testomgeving.

Bouwen we iets nieuws, dan hoort de stagingomgeving bij het project en rekenen we hem niet apart. De eerste keer dat je iets ongezien live zet kost meestal meer dan de hele omgeving.

Daarna draait het mee in hosting en onderhoud voor het geheel. Wil je naast de stagingomgeving nog een aparte plek waar je eigen mensen rustig kunnen kijken, dan komt daar een klein bedrag per maand bij.

Waarom Mediavisie Web

We hosten en beheren zelf, dus een tweede omgeving is bij ons een kwestie van aanzetten en geen bestelling bij een andere partij. Een kopie verversen of terugzetten doen we op de dag dat je erom vraagt.

Elke oplevering gaat eerst langs automatische controles, ook op toegankelijkheid. Zo kun je je aandacht houden bij of het inhoudelijk klopt, in plaats van bij naklikken of alle knoppen het nog doen.

En we weten inmiddels dat het struikelblok meestal bij de andere partij ligt. Van de gangbare pakketten weten we of ze een testomgeving hebben en wat je moet aanvragen, dus dat zetten we op tijd in gang.

Waar je op moet letten

Een stagingomgeving is een kopie en geen tweelingbroer. Verschillen in de hoeveelheid gegevens en in het gedrag van andere systemen zorgen ervoor dat iets op de kopie kan werken en live net niet. Reken er ook op dat het aftekenen tijd van jouw mensen vraagt, ongeveer een dagdeel per oplevering. Een stagingomgeving waar niemand naar kijkt is een dure kopie van je site.

De techniek eronder

Alle techniek

Waar we het mee bouwen.

  • Uitrollen

    GitHub Actions

    Bouwt, test en zet live bij elke wijziging. Faalt een test, dan gaat er niets naar productie.

  • Omgeving

    Docker

    Iedereen werkt in dezelfde omgeving, en die omgeving lijkt op productie. Scheelt de klassieke verrassing bij livegang.

  • Testen

    Playwright

    Doorloopt je site als een echte bezoeker in een echte browser. Ook de toegankelijkheidscontrole draait hierin mee.

  • Versiebeheer

    GitLab

    Elke wijziging vastgelegd en terug te draaien. Jij krijgt toegang tot de code die van jou is.

  • Bewaking

    Sentry

    Meldt een fout op het moment dat hij optreedt, met de regel code erbij. Wij zien het voordat jij belt.

  • Server

    Ubuntu

    De basis onder onze servers. Lange ondersteuning, dus je hoeft niet elk jaar mee met een grote sprong.

Werkwijze

Hoe we het aanpakken.

Van het eerste gesprek tot doorbouwen na livegang. Vier fases, en je weet bij elke fase wat er af is en wat er nog komt.

  1. 1 tot 2 weken

    Uitzoeken

    Wat er moet komen en wat er al ligt

    We brengen in kaart welke systemen mee moeten, wie het straks beheert en waar het vorige traject op vastliep. Daar komen de uitzonderingen boven water die later de planning bepalen.

    Lees verder over Uitzoeken
  2. Eén week

    Afbakenen

    Van wensenlijst naar een plan met een prijs

    We knippen het werk in stukken die los opgeleverd kunnen worden, en zetten er een prijs en een volgorde op. Daarbij spreken we af wat er in de eerste versie zit en wat later komt.

    Lees verder over Afbakenen
  3. 6 tot 12 weken

    Ontwerpen en bouwen

    Eerst de schermen, dan de techniek eronder

    Je kijkt vanaf de eerste week mee op een testomgeving. We leveren in rondes op, te beginnen met het deel dat het meeste werk uit handen neemt, zodat je stuurt op wat je ziet.

    Lees verder over Ontwerpen en bouwen
  4. Doorlopend

    Doorbouwen

    Na livegang begint het pas

    Updates, bewaking en nieuwe functies, met een vast aanspreekpunt dat je project kent. We meten wat er gebruikt wordt, en dat bepaalt waar we het volgende kwartaal aan werken.

    Lees verder over Doorbouwen

Wij werken onder andere voor

Aan de slag

Iets te bouwen?

Vertel wat er moet komen. We denken mee over techniek, haalbaarheid en wat het kost, ook als het plan nog niet rond is.

Een project bespreken
Ontdek jouw mediavisie