Arbetsfl\u00f6det f\u00f6r webbutveckling f\u00f6r\u00e4ndras snabbt nuf\u00f6rtiden. Anv\u00e4ndarna f\u00f6redrar att bygga webbplatser med JavaScript-ramar \/ bibliotek som React, Vue, Angular. Medan det \u00e4r trendigt att bygga en webbplats p\u00e5 dessa teknologier, kr\u00e4ver det ocks\u00e5 att ringa Rest API f\u00f6r att g\u00f6ra dina applikationer dynamiska.<\/p>\n
Din frontend-applikation skickar HTTP-beg\u00e4ran till backend-servern och h\u00e4mtar eller bearbetar data. Till din backend-server kan du beh\u00f6va skicka olika HTTP-f\u00f6rfr\u00e5gningar som GET, POST, PUT, DELETE. Och baserat p\u00e5 dessa HTTP-f\u00f6rfr\u00e5gningar och svar fungerar din applikation f\u00f6r slutanv\u00e4ndaren.<\/p>\n
Eftersom du beh\u00f6ver skapa API-slutpunkter \u00e4r det uppenbart att du m\u00e5ste testa HTTP-f\u00f6rfr\u00e5gningar. Det finns flera verktyg tillg\u00e4ngliga som g\u00f6r att vi kan testa HTTP-beg\u00e4ran och svar. Goda nyheter \u00e4r att om du anv\u00e4nder Visual Studio Code beh\u00f6ver du inte anv\u00e4nda eller installera n\u00e5got annat verktyg eller programvara. Du kan testa dina API-samtal i sj\u00e4lva kodredigeraren. I den h\u00e4r artikeln visar vi dig hur du anv\u00e4nder Rest Client-till\u00e4gg i Visual Studio-kod.<\/p>\n
Syftet med den h\u00e4r artikeln \u00e4r att visa hur anv\u00e4ndaren kan testa HTTP-beg\u00e4ran och svar inom Visual Studio-koden. S\u00e5 f\u00f6rst m\u00e5ste du installera till\u00e4gget "Rest Client".<\/p>\n
Klicka p\u00e5 ikonen ”Extensions" och skriv ”Rest Client” i s\u00f6kf\u00e4ltet. V\u00e4lj s\u00f6kpaketet utvecklat av ”Huacho Mao” fr\u00e5n s\u00f6kresultatet och installera det.<\/p>\n
I det h\u00e4r avsnittet ser vi hur man skickar en faktisk HTTP-beg\u00e4ran och ser svaret. Om du har dina API-slutpunkter redo kan du anv\u00e4nda dem direkt. I v\u00e5rt fall tar vi f\u00f6r test\u00e4ndam\u00e5l slutpunkter fr\u00e5n REQ | RES<\/a>.<\/p>\n Skapa en fil med ".http" -till\u00e4gget som "api.http". Du kan spara den h\u00e4r filen var som helst. Det h\u00e4r \u00e4r bara en fil d\u00e4r du kan lagra all din HTTP-beg\u00e4ran f\u00f6r senare anv\u00e4ndning.<\/p>\n F\u00f6r att skicka en GET-beg\u00e4ran \u00e4r v\u00e5r slutpunkt https:\/\/reqres.in\/api\/users?page=2<\/a>. S\u00e5, i Nu om du checkar in i redigeraren kommer du att se raden "Skicka beg\u00e4ran" f\u00f6rberedd f\u00f6r v\u00e5rt uttalande. Klicka p\u00e5 "Skicka beg\u00e4ran" det tr\u00e4ffar en API-slutpunkt och ger dig HTTP-svar i n\u00e4sta f\u00f6nster. Se sk\u00e4rmdumpen nedan.<\/p>\napi.http<\/code>vi kommer att skriva det enligt f\u00f6ljande.<\/p>\nGET https:\/\/reqres.in\/api\/users?page=2\n<\/code><\/pre>\n