{"id":24168,"date":"2021-05-13T14:13:00","date_gmt":"2021-05-13T11:13:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24168"},"modified":"2021-10-17T21:02:03","modified_gmt":"2021-10-17T18:02:03","slug":"rest-client-laajennus-visual-studio-koodille","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/rest-client-laajennus-visual-studio-koodille\/","title":{"rendered":"Rest Client -laajennus Visual Studio -koodille"},"content":{"rendered":"<p>Verkkokehityksen ty\u00f6nkulku muuttuu nyky\u00e4\u00e4n nopeasti. K\u00e4ytt\u00e4ji\u00e4 suositellaan rakentamaan verkkosivustoja k\u00e4ytt\u00e4m\u00e4ll\u00e4 JavaScript-kehyksi\u00e4 \/ kirjastoja, kuten React, Vue, Angular. Vaikka verkkosivuston rakentaminen n\u00e4ille tekniikoille on trendi, se vaatii my\u00f6s Rest-sovellusliittymien soittamista, jotta sovelluksesi ovat dynaamisia.<\/p>\n<p>K\u00e4ytt\u00f6liittym\u00e4sovellus l\u00e4hett\u00e4\u00e4 HTTP-pyynn\u00f6n taustapalvelimelle ja saa tai k\u00e4sittelee tiedot. Taustapalvelimellesi saatat joutua l\u00e4hett\u00e4m\u00e4\u00e4n erilaisia \u200b\u200bHTTP-pyynt\u00f6j\u00e4, kuten GET, POST, PUT, DELETE. Ja n\u00e4iden HTTP-pyynt\u00f6jen ja vastausten perusteella sovelluksesi toimii loppuk\u00e4ytt\u00e4j\u00e4lle.<\/p>\n<p>Koska sinun on luotava API-p\u00e4\u00e4tepisteit\u00e4, on selv\u00e4\u00e4, ett\u00e4 sinun on testattava HTTP-pyynn\u00f6t. Saatavilla on useita ty\u00f6kaluja, joiden avulla voimme testata HTTP-pyynt\u00f6j\u00e4 ja vastauksia. Hyv\u00e4 uutinen on, ett\u00e4 jos k\u00e4yt\u00e4t Visual Studio -koodia, sinun ei tarvitse k\u00e4ytt\u00e4\u00e4 tai asentaa muita ty\u00f6kaluja tai ohjelmistoja. Voit testata API-kutsuja itse koodieditorissa. T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4mme sinulle, miten Rest Client -laajennusta k\u00e4ytet\u00e4\u00e4n Visual Studio -koodissa.<\/p>\n<h3>Asenna Rest Client -laajennus Visual Studio -koodiin<\/h3>\n<p>T\u00e4m\u00e4n artikkelin tarkoituksena on n\u00e4ytt\u00e4\u00e4, kuinka k\u00e4ytt\u00e4j\u00e4 voi testata HTTP-pyynt\u00f6j\u00e4 ja vastauksia Visual Studio -koodissa. Joten aluksi sinun on asennettava laajennus nimelt\u00e4 &quot;Rest Client&quot;.<\/p>\n<p>Napsauta &quot;Laajennukset&quot; -kuvaketta ja kirjoita hakukentt\u00e4\u00e4n &quot;Rest Client&quot;. Valitse hakutuloksesta Huacho Maon kehitt\u00e4m\u00e4 paketti ja asenna se.<\/p>\n<h3>Kuinka testata HTTP-pyynt\u00f6\u00e4 ja vastausta<\/h3>\n<p>T\u00e4ss\u00e4 osiossa n\u00e4emme, kuinka todellinen HTTP-pyynt\u00f6 l\u00e4hetet\u00e4\u00e4n, ja vastauksen. Jos API-p\u00e4\u00e4tepisteesi ovat valmiina, voit k\u00e4ytt\u00e4\u00e4 niit\u00e4 suoraan. Tapauksessamme testaustarkoituksiin otamme p\u00e4\u00e4tepisteet <a href=\"https:\/\/reqres.in\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">REQ: sta RES<\/a>.<\/p>\n<p>Luo tiedosto, jonka laajennus on .http, kuten &quot;api.http&quot;. Voit tallentaa t\u00e4m\u00e4n tiedoston mihin tahansa. T\u00e4m\u00e4 on vain tiedosto, johon voit tallentaa kaikki HTTP-pyynn\u00f6t my\u00f6hemp\u00e4\u00e4 k\u00e4ytt\u00f6\u00e4 varten.<\/p>\n<p>GET-pyynn\u00f6n l\u00e4hett\u00e4miseksi p\u00e4\u00e4tepisteemme on <a href=\"https:\/\/reqres.in\/api\/users?page=2\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/reqres.in\/api\/users?page=2<\/a>. Joten, <code>api.http<\/code>kirjoitamme sen seuraavasti.<\/p>\n<pre><code>GET https:\/\/reqres.in\/api\/users?page=2\n<\/code><\/pre>\n<p>Nyt kun kirjaudut sis\u00e4\u00e4n editoriin, n\u00e4et rivin &quot;L\u00e4het\u00e4 pyynt\u00f6&quot; valmiiksi lausekkeeseemme. Napsauta &quot;L\u00e4het\u00e4 pyynt\u00f6&quot;, se osuu API-p\u00e4\u00e4tepisteeseen ja antaa sinulle HTTP-vastauksen seuraavassa ikkunassa. Katso alla oleva kuvakaappaus.<\/p>\n<p><a href=\"https:\/\/i1.wp.com\/artisansweb.net\/wp-content\/uploads\/2019\/08\/request-response-1-1024x431.png?ssl=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><\/p>\n<p>Se on paljon yksinkertaisempaa. Jatkossa voit l\u00e4hett\u00e4\u00e4 POST-pyynn\u00f6n alla esitetyll\u00e4 tavalla.<\/p>\n<pre><code>POST https:\/\/reqres.in\/api\/users\nContent-Type: application\/json\n\n{\n    \"name\": \"morpheus\",\n    \"job\": \"leader\"\n}\n<\/code><\/pre>\n<p>Tietenk\u00e4\u00e4n et halua luoda erillist\u00e4 tiedostoa kutakin pyynt\u00f6\u00e4 varten. Erottaaksesi pyynn\u00f6n, paina Enter ja kirjoita &quot;###&quot; ja lis\u00e4\u00e4 uusi pyynt\u00f6 uudella rivill\u00e4.<\/p>\n<pre><code>GET https:\/\/reqres.in\/api\/users?page=2\n\n###\nPOST https:\/\/reqres.in\/api\/users\nContent-Type: application\/json\n\n{\n    \"name\": \"morpheus\",\n    \"job\": \"leader\"\n}\n<\/code><\/pre>\n<p>T\u00e4ll\u00e4 tavoin voit pit\u00e4\u00e4 kaikki HTTP-pyynn\u00f6t yhdess\u00e4 tiedostossa ja testata sit\u00e4 helposti. Ei en\u00e4\u00e4 h\u00e4lin\u00e4\u00e4 pyynn\u00f6n l\u00f6yt\u00e4misess\u00e4 ja sitten sen k\u00e4ytt\u00e4misess\u00e4.<\/p>\n<p>Toisessa esimerkiss\u00e4 saatat joutua v\u00e4litt\u00e4m\u00e4\u00e4n tunnuksen jokaisessa HTTP-pyynn\u00f6ss\u00e4si. Voit tehd\u00e4 niin alla olevan kuvan mukaisesti.<\/p>\n<pre><code>POST https:\/\/reqres.in\/api\/users\nAuthorization: Bearer YOUR_TOKEN_HERE\nContent-Type: application\/json\n\n{\n  \"user_id\":5,\n    \"car_number\":\"030663\",\n    \"car_reg_id\":\"217\",\n    \"days\": [\"Monday\", \"Wednesday\"],\n    \"booking_time\": \"07PM - 08PM\"\n}\n<\/code><\/pre>\n<p>Sait idean, eik\u00f6? Samalla tavalla voit kirjoittaa PUT, DELETE HTTP-pyynt\u00f6si. Mene eteenp\u00e4in ja kokeile sit\u00e4. Haluat ehdottomasti t\u00e4m\u00e4n laajennuksen. Haluamme kuulla ajatuksesi ja ehdotuksesi alla olevassa kommenttiosassa.<\/p>\n<h4>Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/ftp-sftp-laajennus-visual-studio-koodille\/\" title=\"FTP \/ SFTP-laajennus Visual Studio -koodille\">FTP \/ SFTP-laajennus Visual Studio -koodille<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-jakaa-paate-windows-kayttojarjestelmassa\/\" title=\"Kuinka jakaa p\u00e4\u00e4te Windows-k\u00e4ytt\u00f6j\u00e4rjestelm\u00e4ss\u00e4\">Kuinka jakaa p\u00e4\u00e4te Windows-k\u00e4ytt\u00f6j\u00e4rjestelm\u00e4ss\u00e4<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/?p=24475\" title=\"Kuinka k\u00e4ytt\u00e4\u00e4 FTP \/ SFTP-pakettia sublime-tekstill\u00e4\">Kuinka k\u00e4ytt\u00e4\u00e4 FTP \/ SFTP-pakettia sublime-tekstill\u00e4<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rest Client on Visual Studio -koodin laajennus. T\u00e4m\u00e4n laajennuksen avulla k\u00e4ytt\u00e4j\u00e4 voi helposti testata HTTP-pyynt\u00f6ns\u00e4 ja vastauksensa suoraan editorissa.<\/p>\n","protected":false},"author":1,"featured_media":20628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[414],"tags":[843],"class_list":["post-24168","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sekalaisia","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/24168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=24168"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/24168\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/20628"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=24168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=24168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=24168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}