--- title: Een eenvoudige manier om HTTP-verzoeken te testen tijdens de ontwikkeling date: 2021-01-20 categories: - development - json - xml tags: - debugging - http-testing - json - web-services - xml - xml-editor - xmlspy description: Debug web services en meer met XMLSpy, waar het eenvoudig is om HTTP-verzoeken te testen voor het debuggen van API's, web services, websites en meer. --- Status: #blog Tags: #debugging #http-testing #json #web-services #xml #xml-editor #xmlspy Categories: [development](/blog/nl/category/development.md) | [json](/blog/nl/category/json.md) | [xml](/blog/nl/category/xml.md) # Een eenvoudige manier om HTTP-verzoeken te testen tijdens de ontwikkeling Web- en webdienstenontwikkelaars hebben vaak de behoefte om HTTP-verzoeken te versturen, bijvoorbeeld voor het testen van API's, het testen van REST- en SOAP-webdiensten, of voor het beheren van websites. [XMLSpy](https://www.altova.com/nl/xmlspy-xml-editor/) maakt het eenvoudig om HTTP-verzoeken direct te versturen en te ontvangen in de XML- en [JSON-editor](https://www.altova.com/nl/xmlspy-xml-editor/json_editor) tijdens de ontwikkeling, dankzij het HTTP-venster en de WADL/WSDL-importwizard. Dit is een uitstekend hulpmiddel om tijd te besparen bij het debuggen van webdiensten. ![Webservers - testen van HTTP-verzoeken](/blog/images/shutterstock_259245062.jpg) **Test HTTP-verzoeken** Het HTTP-protocol definieert hoe bestanden (tekst, afbeeldingen, enz.) via het internet worden verzonden. Elke webserver draait een programma (bekend als een daemon) dat voortdurend wacht op HTTP-verzoeken en elk verzoek verwerkt zodra het binnenkomt. Bijvoorbeeld, wanneer u een website bezoekt, stuurt uw browser een HTTP-commando naar de webserver van de website, waarin wordt aangevraagd om de homepage te downloaden. De HTTP-daemon van de server ontvangt dit verzoek en stuurt de gevraagde pagina. Het is belangrijk op te merken dat het HTTP-protocol "stateless" is, wat betekent dat elk HTTP-commando onafhankelijk wordt uitgevoerd, zonder enige verwijzing naar eerdere of volgende commando's. Dit kan het testen en debuggen bemoeilijken. Om ontwikkelaars hierbij te helpen, begeleidt het [HTTP-testvenster](https://www.altova.com/nl/xmlspy-xml-editor/advanced#http-window) in XMLSpy u door het proces van het maken en verzenden van een HTTP-verzoek naar een webserver. Vervolgens kunt u de reactie ontvangen, controleren en eventuele problemen oplossen. ![Test HTTP-verzoeken](/blog/images/http-testing-window.png) Een verzoek wordt gedefinieerd in het linkerpaneel van het venster en kan bestaan uit: - De HTTP-methode van de aanvraag (GET, PUT, POST, enz.) en de doel-URL - De HTTP-headers van de aanvraag - Verbindingsinstellingen, bijvoorbeeld tijdslimieten en beveiligingsopties - Voor de HTTP-methoden POST en PUT is het inhouddeel van het HTTP-bericht van belang Negen afzonderlijke tabbladen in het HTTP-venster stellen u in staat om meerdere berichten op te slaan en te testen, en om indien nodig tussen deze berichten te wisselen. Zodra het verzoek is gedefinieerd, drukt u op "Verzenden" om het naar de webserver te sturen. U kunt de reactie direct analyseren in het rechterpaneel, dat zowel de inhoud (zoals hierboven weergegeven) als de headerinformatie weergeeft ![HTTP-header respons](/blog/images/http-header-response.png) **Het importeren van een WADL- of WSDL-verzoek** U kunt ook een test starten door een verzoek te importeren vanuit een [WADL](https://www.w3.org/Submission/wadl/)-bestand (Web Application Description Language), dat een machineleesbare beschrijving van een HTTP-gebaseerde applicatie biedt, of een [WSDL](https://www.w3.org/TR/2001/NOTE-wsdl-20010315)-document dat SOAP-webservices eindpunten beschrijft. Het HTTP-venster van XMLSpy bevat een begeleide importfunctie voor WADL/WSDL, die u stap voor stap helpt bij het openen van een bestand, het selecteren van een verzoek voor testen en het aanpassen van eventuele bewerkbare parameters van dat verzoek. Vervolgens importeert het de aanvraag in het HTTP-venster, zodat u deze kunt verzenden en de reactie kunt bekijken. ![ Het testen van een WADL-verzoek](/blog/images/test-wadl-request.png) **Het debuggen van een REST API** Laten we eens kijken naar een concreet voorbeeld, waarbij we de HTTP-window gebruiken om de reactie van een web-API te testen. Het [Data Portal van de stad Chicago](https://data.cityofchicago.org/) is een openbaar beschikbare REST-API die interessante gegevens biedt over allerlei onderwerpen, van bouwvergunningen tot gemeentelijke budgetten, tot het aantal ziekenhuisopnames van mensen met astma in de stad. Voor dit voorbeeld gaan we dieper in op de categorie "verkeer" en richten we ons op een dataset met overtredingen van verkeerslichten. Ik kan de URL in het HTTP-venster invoeren om de volledige dataset op te halen. Het toevoegen van ".xml" of ".json" aan het einde van de aanvraag specificeert het formaat van de geretourneerde gegevens. Ik heb hier gekozen voor XML, maar XMLSpy heeft uiteraard ingebouwde tools voor het werken met beide formaten. Het resultaat dat door het HTTP-venster wordt geretourneerd, ziet u hieronder. ![Debug de API-aanvraag](/blog/images/api-request.png) We kunnen de gegevens in het resultatenvenster bekijken, of we kunnen op "Nieuw document maken" klikken om het document te openen in XMLSpy, in de tekst- of tabelweergave. Hierdoor is het gemakkelijker om door de gegevens te bladeren en steekproeven te nemen van de informatie die door de API is geretourneerd. ![HTTP-antwoord in de weergave in tabelvorm](/blog/images/grid-view.png) Met de gegevens in een bestand kunnen we zelfs [XQuery](https://www.altova.com/nl/xmlspy-xml-editor/xquery-editor) gebruiken om nog verder te analyseren. Laten we eens kijken naar de locaties van camera's waar meer dan 20 overtredingen zijn geregistreerd. ![Vraag API-gegevens op met XQuery](/blog/images/xquery-api-data.png) Laten we nu de gegevens opnieuw ophalen, maar deze keer in JSON-formaat. Hier wordt het geopend in tekstweergave ![HTTP-antwoord in JSON-formaat](/blog/images/http-response-json.png) U kunt de JSON ook [bekijken](https://www.altova.com/nl/xmlspy-xml-editor/json_viewer) in de unieke JSON-weergave van XMLSpy, die een grafische representatie biedt. De JSON-weergave maakt het veel gemakkelijker om de geretourneerde gegevens te bekijken en te begrijpen, vooral bij grote datasets zoals deze. De JSON-editor bevat ook ingebouwde ondersteuning voor het filteren van gegevens met XQuery, zoals hieronder te zien is. Ik heb de gegevens gefilterd om alleen die records te tonen die intersecties bevatten met Halsted Street. ![JSON-gegevens filteren met XQuery](/blog/images/json-xquery-filter.png) De HTTP-weergave, samen met de ingebouwde tools voor bekijken en bewerken, maakt van XMLSpy een uitstekend hulpmiddel voor het testen en debuggen van API's, webdiensten en andere HTTP-applicaties. Download een [gratis proefversie](https://www.altova.com/nl/xmlspy-xml-editor/download) van XMLSpy om de HTTP-functionaliteit uit te proberen.