Hvordan man bygger og bruger Mock API'er i React Apps ved hjælp af Mirage.js

Læsere som dig hjælper med at støtte MUO. Når du foretager et køb ved hjælp af links på vores websted, kan vi optjene en affiliate-kommission. Læs mere.

Når man udvikler full-stack-applikationer, er en betydelig del af frontend-arbejdet afhængig af realtidsdata fra backend.

MUO Video af dagen RUL FOR AT FORTSÆTTE MED INDHOLD

Det kan betyde, at du skal vente med at udvikle brugergrænsefladen, indtil API'en er tilgængelig til brug. Men at vente på, at API'en er klar til at konfigurere frontend'en, kan reducere produktiviteten betydeligt og forlænge projektets tidslinjer.

En god løsning på denne udfordring involverer at bruge mock API'er. Disse API'er giver dig mulighed for at udvikle og teste din frontend ved hjælp af data, der efterligner strukturen af de rigtige data, alt sammen uden at stole på den faktiske API.

Kom godt i gang med Mirage.js Mock API'er

Mirage.js er et JavaScript-bibliotek, der lader dig oprette mock API'er, komplet med en testserver, der kører på klientsiden af din webapplikation. Dette betyder, at du kan teste din frontend-kode uden at skulle bekymre dig om tilgængeligheden eller adfærden af din rigtige backend API.

der har blokeret mig på facebook

En bærbar computer holdt på et skrivebord med kode åben på skærmen.

For at bruge Mirage.js skal du først oprette mock API-slutpunkter og definere de svar, de skal returnere. Derefter opsnapper Mirage.js alle HTTP-anmodninger, som din frontend-kode laver, og returnerer de falske svar i stedet.

Når din API er klar, kan du nemt skifte til at bruge den ved kun at ændre konfigurationen af Mirage.js.