Please enter a valid email address because the server will send a verification code to the email you provided during the signup process.Ĭlick on the Send button and after some seconds you should see a success message assuming all the credentials are valid. Provide the following fields (name, email, password, and passwordConfirm) in the JSON or Form-encode tabs of the Body tab. Enter the signup endpoint URL and change the HTTP method to POST. Next, create a new POST request in the Auth folder and name it Sign Up. You can look at the screenshot below and create a similar folder structure. Now drag and drop the Get All Products request file into the Products folder. Type Products as the folder name or give it a different name and press enter. Hover your mouse over the collection name then click on the three dots and select the New Folder menu. The e-commerce REST API has different resources like Users, Products, Reviews, Auth, and more so it’ll make a lot of sense to group the related requests in their own folder within the Collection. If you are also using my REST API then type this URL then click on the Send button to make a GET request to the products endpoint and you should see a list of products in the response returned by the server. VS Code Thunder Client: Creating subfolders in the collection In my case since my API is an e-commerce REST API, my first request will be Get All Products. Hover your mouse on the collection name then click on the three dots on the right side and select the New Request menu.Įnter the request name and press enter. Now type the collection name and press the enter key. To create your first collection, click on the Collections tab then click on the hamburger menu on the right of the filter activity search bar and select the New Collection menu from the popup. We can make many HTTP requests by opening new tabs but it’s always a good idea to organize those HTTP requests in a collection. Walaa… you just made your first Thunder Client request and you should see a welcome message. Click on the New Request button and click on the Send button in the New Request tab. Let’s get our Thunder Client welcome message before going deep into the features it offers. The dashboard displays your recent activities, collections, and environments. Now, click on the Thunder Client log on the left sidebar of VS Code and you should see the Thunder Client dashboard. A collection is like a folder that helps us organize related HTTP requests together. If you are familiar with Postman then you’ll probably know about collections. VS Code Thunder Client: Creating Collection Once the Thunder Client extension has been installed you should see the Thunder Client logo on the left sidebar. Open VS Code and click on the Extensions tab or use ( CTRL + SHIFT + X) then search for Thunder Client in the search bar and click on the install button. Let’s start by installing the Thunder Client VS Code extension. How to Make HTTP Requests with VS Code Thunder Client Extension VS Code Thunder Client: Installation
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |