#Vscode http client how to
#Vscode http client full
#Vscode http client code

We don't need the Swagger UI for the two GET endpoints and for the DELETE endpoints, since they are the easy ones and look the same as in the WeatherForecast.http: GET HTTP/1.1 You can add more than one REST Client request configuration into one file. I created a new file called Person.http in the ApiTests folder. If you now start the project you will see the new endpoints in the Swagger UI that is already configured in the Web API project.Ĭall the following URL to see the Swagger UI: The Swagger UI will help you to configure the REST Client files. The Person model is simple: namespace RestClient.Models Public ActionResult Put(int id, Person person) Public class PersonController : ControllerBase The Methods POST, PUT and DELETE don't really do anything but the controller is good to test no. The PersonController uses GenFu to create fake users. I created another API controller that handles persons. It opens the response in a new tab group in VSCode and shows you the response headers as well as the response content A more complex sample If the project is running you can click the Send Request CodeLens link and see what happens. Above the line, it also adds a CodeLens actionable link to the configured request to send the request.Īt first, start the project by pressing F5 or by using dotnet run in the shell. On the top border, you can see that the REST Client extension supports the navigation inside the file structure. This is just a simple line of text in a plain text file with the file extension *.http but the REST Client extension does some cool magic with it while parsing it: I already put the following line into that file: GET HTTP/1.1

#Vscode http client code

I think, in a real-world project, I would place the files somewhere outside the actual project folder, but inside the source code repository. I'm not yet sure if it makes sense to put such files into the project, because these files won't go into production. To have the *.http files in one place I created an ApiTest folder and place a WeatherForecast.http in it.

I will create and use a more complex controller later in the blog post I'm going to use this for the first small test of the REST Client. This project already contains a Web API controller. To test it out in a demo, let's create a new Web API project, change to the project directory, and open VSCode: dotnet new webapi -n RestClient -o RestClient While Fiddler and Postman cannot easily share the request configurations, the REST Client stores the request configurations in text files using the *.http or *.rest extension that can be committed to the source code repository and shared with the entire team.

#Vscode http client full

While Fidler is completely overloaded but full of features, Postman's UI is nicer, easier, and more intuitive, but the REST Client doesn't need a UI at all, except the VSCode shell and a plain text editor. There is no overloaded and full-blown UI. This extension is actively maintained, has almost one and a half installations and an awesome rating (5.0 out of 5) by more than 250 people What does it solve?Ĭompared to Fiddler and Postman it is absolutely minimalistic. The source code of the REST Client extension is hosted on GitHub: This also means this post is pretty useless, except you want to read a quick overview -)

#Vscode http client how to

If you follow this link, you will find a really great documentation about the extension, how it works, and how to use it. You will find the extension on the visual studio marketplace or in the extensions explorer in VS Code: The REST Client Extension for VSCode was developed by Huachao Mao from China.

I can now get rid of Fiddler and Postman. I had a more detailed look and was pretty impressed by this extension. I recently stumbled upon a tweet by Lars Richter who mentioned and linked to a rest client extension in VSCode. Trying the REST Client extension for VSCode