JavaScriptのリクエストをCurlにリファクタリングする方法

1. XMLHttpRequestを使用したGETリクエストのリファクタリング:

JavaScriptコード:

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/data', true);
xhr.setRequestHeader('Authorization', 'Bearer your_access_token');
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    const response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
xhr.send();

Curlコマンド:

curl -X GET 'https://example.com/api/data' -H 'Authorization: Bearer your_access_token'

2. Fetch APIを使用したPOSTリクエストのリファクタリング:

JavaScriptコード:

fetch('https://example.com/api/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer your_access_token'
  },
  body: JSON.stringify({ key: 'value' })
})
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

Curlコマンド:

curl -X POST 'https://example.com/api/data' -H 'Content-Type: application/json' -H 'Authorization: Bearer your_access_token' -d '{"key":"value"}'

3. axiosライブラリを使用したPUTリクエストのリファクタリング:

JavaScriptコード:

axios.put('https://example.com/api/data', { key: 'new_value' }, {
  headers: {
    'Authorization': 'Bearer your_access_token'
  }
})
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

Curlコマンド:

curl -X PUT 'https://example.com/api/data' -H 'Authorization: Bearer your_access_token' -d '{"key":"new_value"}'

これらは、JavaScriptのリクエストをCurlにリファクタリングするためのいくつかの例です。適切なエンドポイント、ヘッダー、およびデータを使用して、自分のコードに合わせてカスタマイズしてください。