Bygg vidare på din me-app

By . Latest revision .

Du skall vidareutveckla din me-app, så den innehåller två nya vyer. En vy med information om dina github repos och en vy där vi detekterar storlek och orientering på vår enhet.

#Förkunskaper

Du har en mithril me-app från föregående kursmoment, som fungerar i cordova på android.

Du har jobbat igenom artikeln “Modeller och request i mithril”.

#Introduktion

Gå till din redovisningskatalog och fortsätt jobba vidare med din me-app där.

# Ställ dig i rooten av kursrepot
cd me/redovisa

Nu har du din bas du kan utgå ifrån, spara alla dina filer i katalogen me/redovisa.

Dokumentation och exempel för Githubs API underlättar vid utveckling av vår Github vy. När vi hämtar data från API’er är det alltid bra att ha API dokumentationen nära till hands då detta underlättar för att hitta rätt url.

För att appen kan hämta data från api.github.com måste vi lägga till urlen i vår Content-Security-Policy enligt nedan.

<meta http-equiv="Content-Security-Policy" content="default-src 'self' https://api.github.com data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">

Githubs API har en begränsning på 60 anrop per timme. Det är dock möjligt att autensiera sig mot API’t, detta gör att du får göra 5000 anrop per timme mot API’t.

#Krav

  1. Skapa en vy där du presenterar information om dina Github repos, om du inte har egna kan du använda Dbwebbs istället. Som minimum namn och när repot senast var uppdaterat för varje repo. Dbwebbs användarnamn är dbwebb-se på Github.

  2. Skapa en vy där du detekterar och skriver ut information om användarens enhets orientering och storlek. Tips: använd mithril funktionen m.redraw() för att rita vyn på nytt.

  3. Din me-app skall kunna köras med cordova både i browsern och i en android emulator.

  4. Validera och publicera din kod enligt följande.

# Ställ dig i kurskatalogen
dbwebb validate redovisa
dbwebb publish redovisa

Rätta eventuella fel som dyker upp och publicera igen. När det ser grönt ut så är du klar.

#Extrauppgift

Inga extrauppgifter detta kursmomentet.

#Tips från coachen

Validera och publicera ofta. Så slipper du en massa validerings- och publiceringsfel i slutet av övningen.

När du gör publish så körs även validate. Blir det för mycket fel när du kör publish så kan det bli enklare att bara göra validate till att börja med.

Lycka till och hojta till i forumet om du behöver hjälp!

#Revision history

  • 2017-03-07: (A, efo) Första utgåvan i samband med kursen webapp v2.

Document source.

Category: webbprogrammering.