How to make HTTP client requests with Deno

In Deno, making HTTP client requests is a straightforward process. Deno provides multiple approaches to achieve this, with the most common being the use of the fetch API from the standard library, which closely mirrors the fetch API commonly used in browsers. Below, I'll walk through how to use the fetch API in Deno to make GET and POST requests.

1. Using fetch API to Make GET Requests

Suppose we want to retrieve data from an API that serves JSON data (e.g., https://api.example.com/data). Using Deno's fetch API, we can do the following:

javascript
async function fetchData() {
    try {
        const response = await fetch("https://api.example.com/data");
        if (!response.ok) {
            throw new Error("Network response was not ok " + response.statusText);
        }
        const data = await response.json();
        console.log(data);
    } catch (error) {
        console.error("There was a problem with the fetch operation: " + error.message);
    }
}

fetchData();

This code first attempts to fetch data from the specified URL. If the response is successful, it parses the response body as JSON. Any network or parsing errors are handled and printed as error messages.

2. Using fetch API to Make POST Requests

If we need to send data to a server, such as in a user registration scenario, we can use a POST request. Here's an example of how to send a POST request using the fetch API:

javascript
async function postData(url = '', data = {}) {
    const response = await fetch(url, {
        method: 'POST', 
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(data)
    });
    return response.json(); 
}

postData('https://api.example.com/users', { name: 'John', age: 30 })
  .then(data => {
    console.log(data); // JSON data from the server
  })
  .catch((error) => {
    console.error('Error:', error);
  });

In this example, we send a POST request to https://api.example.com/users containing user information. We set the HTTP method to POST and specify the content type as application/json in the request headers. The request body is a JSON string serialized as text.

Summary

Deno's fetch API offers a simple yet powerful way to make HTTP requests, similar to methods available in modern browsers. It supports various HTTP methods and can easily handle request headers, request bodies, and parse responses. This makes network communication in the Deno environment straightforward and efficient. Note that since Deno defaults to a secure environment, you may need to add the --allow-net flag when running your script to enable network access.