Stagedag 19 (10 november)
vandaag is de taak om in te loggen inloggen met gegevens uit de commandprompt
Bij het inloggen ontvang je twee tokens: een ASIS key (kort geldig) en een Refresh key (langer geldig). Beide worden opgeslagen in localStorage. De ASIS key wordt gebruikt voor alle normale API-aanvragen. Elke 50-55 minuten wordt automatisch de Refresh key gebruikt om zowel een nieuwe ASIS key als een nieuwe Refresh key op te halen. Deze worden opnieuw opgeslagen. Als de Refresh key ongeldig wordt, moet de gebruiker opnieuw inloggen.
Stagedag 20 (11 november)
Vandaag was het de taak om de gebouwde API van de tutorials te koppelen aan de app. Dit was een uitdagende taak, maar het was vrij bekend, gezien dit met een POST request ging en vergelijkbaar is met andere programmeertalen als JavaScript en PHP. Daarnaast moesten de gegevens die in de app ingevuld werden om in te loggen uitgelezen worden via de commandprompt, door middel van de localstorage, waar de gegeven in opgeslagen werden. Dit was op papier een makkelijke taak om te geven, maar ik had een klein foutje over het hoofd gezien, waarmee de gegevens niet uitgelezen konden worden. Uiteindelijk kwam ik daar laat op de dag achter en is was dat probleem opgelost door de post Method te gebruiken in plaats van de get en is het gelukt om in te kunnen loggen in de app.
12 november – 15 november
De taak was om een nieuwe ASIS Key genereren met die een een asis en refresh key pakt, die moet matchen met de token die toegevoegd is in de localstorage voegt beide in. Na 50 minuten worden nieuwe keys gegenereerd en toegevoegd in de localstorage. Het ging niet zo goed wanneer het kwam op het bouwen van de logica van de functies binnen ReactJS en Python/Django, gezien ik geen duidelijk plan va aanpak had om dit op te lossen. Dus begon ik als eerst de delen af te breken om zo langzamerhand de logica op te bouwen. Hierbij heb ik gebruikgemaakt van meerdere tutorials, maar wat mij vrijwel heeft geholpen voor de setup om door te gaan was de officiële documentatie van JWT(JSonWebToken), gezien ik daar stap voor stap bepaalde functies kon gebruiken en implementeren in de code, waaraan ik vervolgens zelf de logica moest koppelen om het werkend te maken. Dat is gelukt, door meerdere documentaties op te zoeken over de authenticatie binnen python en video’s en documentatie, waaraan ik uiteindelijk een begrip kreeg over de betekenis van de functies en aan de slag kon. Ook heb ik het vertalen naar een verhaaltje binnen de code door middel van commands ertussen te zetten, gezien dat mij helpt om de functionaliteit te onthouden.
17 – 21 november
Dit maal was het de taak om verder te gaan met het inlogsysteem, waarbij je inlogt via de frontend, en de informatie wordt gehandeld in de backend door middel van tokens, een authenticator met een aangemaakt wachtwoord en e-mail. Op de backend word de logica gehandeld voor of het wachtwoord matched met de gebruiker, die vervolgens 2 tokens geeft 1 refresh en 1 asis/toegangs token. Dit is gebruikt om zo op een veilige manier in te kunnen inloggen, waarbij het tijdelijk geldig is. Dit he ik verder af kunnen bouwen door middel van tutorial, en ook door de endpoints te kunnen testen door middel van een programma als HTTPie. HTTPie heeft ervoor kunnen zorgen of mijn endpoints als login-with-email
Hier is een foto waar de link bovenaan staat. Als je met de juiste gegevens inlogt stuurt het een asis/access token, waarmee je toegang hebt binnen de app, dat via een authenticator is die ik heb gebouwd, die hieronder staat met een uitleg in de commands
