カテゴリ

curl to fetch Converter

curlコマンドを、JavaScriptのfetch()コードへ変換します。

概要

APIドキュメントやブラウザの開発者ツール（「Copy as cURL」機能など）で取得したcurlコマンドを、JavaScriptのfetch()コードへ変換するツールです。
メソッド（-X）・ヘッダー（-H）・リクエストボディ（-d）・Basic認証（-u）に対応しています。
変換処理はすべてブラウザ内で完結します。

使い方

curlコマンドを入力欄に貼り付けます。
「変換する」ボタンをクリックします。
対応するfetch()のJavaScriptコードが表示されます。

入力例・出力例

入力

curl -X POST https://api.example.com/users -H "Content-Type: application/json" -d '{"name":"Alice"}'

出力

fetch("https://api.example.com/users", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: "{\"name\":\"Alice\"}",
});

利用シーン

APIドキュメントに書かれたcurlの実行例を、フロントエンドのコードへ素早く移植する
ブラウザの開発者ツールでコピーしたリクエストを、JavaScriptで再現する
curlコマンドが表すリクエスト内容（ヘッダーやボディ）を、構造化された形で確認する

よくある質問

-Xを指定していないcurlコマンドはどう変換されますか？

-dでリクエストボディが指定されている場合はPOST、それ以外はGETとして変換します（curl自体の既定動作と同じです）。

curl以外のオプション（-s, -L, --compressedなど）はどうなりますか？

fetch()の内容に影響しないオプションは無視され、変換結果には含まれません。

対応していないcurlオプションはありますか？

はい。-F（マルチパートフォーム送信）や--cacertなどの高度なオプションには対応していません。基本的なHTTPリクエストの変換を想定しています。

注意点

生成されるコードは基本的な変換のみを行います。実際の環境に合わせて、エラーハンドリングやレスポンス処理を追加してください。
パスワードなどの機密情報を含むcurlコマンドを扱う場合は、生成したコードの管理にも注意してください。