nodum.io Docs

Welcome at the nodum Docs. You'll find comprehensive guides and documentation to help you start working with nodumApp as quickly as possible. Let's jump right in!

Get Started    Docs

Debugging

Eén ding waar je waarschijnlijk veel tegenaan zal lopen, is dat je een pagina met foutmelding ziet, omdat er iets mis gaat. Maar wat? Geen idee. Gelukkig kun je dat vrij makkelijk oplossen door de debugconsole aan te zetten. Een debugconsole is een handigheid die je gericht aanwijzingen geeft om je fouten in je code op te lossen (debuggen).

Onder Configuration (meest linkse kolom) kan je het degubconsole aan of uit zetten. Om het aan te zetten vind je onder 'general', debugconsole. Verander de 0 in een 1 om het aan te zetten. Uitzetten gaat door van de 1 weer een 0 te maken.

[general]

debugconsole: 1

Onder debugconsole zie je nog de instelling 'debugips'. Hier kun je de IP-adressen, gescheiden door een spatie, aangeven waar de debugconsole zichtbaar voor mag zijn. Voor de rest van de wereld zal de debugconsole dan niet zichtbaar zijn.

Debugging met console

  • Gebruik de Chrome Console (rechtermuisknop, Element Inspecteren - of - Command-Alt-J)
    Of in de webversie van je project rechter muisknop hiernaar toe te gaan door te klikken op 'inspecteren'. Je komt dan in je 'console'. Dat is een aparte window waarin de browser zijn (fout-)meldingen schrijft. Je kunt er ook zelf meldingen naar toe sturen, zodat je het gedrag van je script kunt nagaan.
<script>
console.log(5 + 6);
</script>

Ga naar het tabblad console en je ziet dat daar in het blauw 11 staan. De console voert uit wat tussen de haakjes is opgegeven. Dit kan handig zijn om na te gaan of de verschillende stukjes van je goed code werken. Ook vind je per element informatie. Hier zie je veel informatie praktisch leesbaar per element, compleet met styling instellingen.

Debugging met nodum debugconsole
Download hiervoor de Chrome debugconsole extensie: Google Chrome extensie (DebugConsole).
Deze verschijnt in je Chrome console als extra tabblad.
Zorg dat de 'debugconsole' instelling in je project aan staat en je IP adres op de IP-whitelist van je project staat om de DebugConsole te laten werken (voorkomt meekijkende bezoekers).

Nu, op naar het debuggen. Klik op de nodum debugconsole om het open te klappen. Je zult zien dat er verschillende tabbladen aanwezig zijn.
Dit zijn: Framework | Api’s | Database | Language |Param | Rest | Session | Twig en | Mail.
Hieronder tref je voor de verschillende onderdelen gegevens aan. Wil je bijvoorbeeld weten wat er in de session is opgeslagen, dan kijk je onder 'session'. Je hoeft niet te wachten tot je een foutmelding krijgt, als je je debugconsole aan hebt staan kan je er ook tijdens het bekijken van de webversie op klikken. Gebruik het tabblad "Netwerk" in de Chrome Console om asynchrone (Javascript, AJAX, Dropzone, enz.) requests te debuggen. Zie het request verschijnen en klik er op, het tabblad "Preview" laat zien wat het nodum-project als antwoord gaf.
Er zijn nog meer manieren om te debuggen. De debugconsole is makkelijker en sneller omdat je in één overzicht voor bijvoorbeeld Param de getAll, postAll, én files kan zien, zonder voor deze drie aparte code te hoeven schrijven.

Debugging per pagina
Het is ook mogelijk om de Debugconsole per pagina uit of aan te zetten. Hiervoor dient in de Configuration onder het kopje [general] debugperpage = 1 toegevoegd te worden en in de configuratie van de pagina dient debugconsole = 1 te staan.

Debuggen met sanitizers debuggers
Wil je niet uit je code dan kan je ook tijdens het coderen via {{ param.postAll|pre }} zien wat je tijdelijk hebt gepost (opgeslagen).