YamlBox

ウェブとエンコーディング

cURL から JavaScript フェッチへのコンバーター

端末または API ドキュメントからリクエストをコピーし、 fetch() コードを動作させます。ヘッダー、メソッド、JSON 本体、基本認証、およびマルチパート フォームはすべて正しく翻訳されています。

変換オプション

cURLコマンド

例: JSONでPOST · 認証 + クエリによる GET · マルチパートアップロード —⌘/Ctrl + Enter 変換 · ファイルをドロップしてロード · ローカルで処理

JavaScript の出力

出力は読み取り専用です。コピー、ダウンロード、または共有を使用して移動します。

取得するcURL ツールの使用方法

  1. cURLコマンドを貼り付けます

    バックスラッシュを含む行継続、引用符で囲まれた文字列、および複数の -H フラグはすべて、シェルで行う場合と同様に解析されます。

  2. 出力フレーバーを選択する

    fetch はブラウザと最新のノード用です。 node-fetch は古いノードのインポートを追加します。 axios は呼び出しの代わりに config オブジェクトを与えます。

  3. コードにドロップしてください

    本文はきれいに出力され、認証ヘッダーが生成されます (-u からの基本認証を含む)。シークレットを環境変数に置き換えます。

このツールの違い

  • -X、-H、-d、--data-raw、--json、-u、-b、-F、および共通フラグを解析します。
  • JSON の本体は、JSON.stringify 内の読み取り可能なオブジェクト リテラルとしてフォーマットされます。
  • -u user:pass は正しい Base64 Basic Authorization ヘッダーになります
  • マルチパート -F アップロードは、追加呼び出しを使用して FormData を生成します
  • 3 つの出力フレーバー: fetch、node-fetch、axios

アーキテクチャによるプライバシー: このページには入力を受け取る分析は含まれておらず、変換コードはタブで実行されます。ロード後にネットワークから切断して作業を続けることができます。

取得するcURL — よくある質問

生成されたフェッチ コードは本番環境に対応していますか?

リクエストの変換は正確です。メソッド、URL、ヘッダーおよび本文は、curl が送信するものと一致します。出荷前に追加する必要があるもの: エラー処理 (response.ok を確認)、AbortController によるタイムアウト、べき等呼び出しの再試行ロジック。

-k / --insecure フラグはどこに行ったのでしょうか?

ノードフェッチはデフォルトで TLS を検証し、コード内で TLS を無効にするのはセキュリティ上の決定であるため、これは翻訳ではなくコメントに記載されています。代わりに証明書を修正してください。本当に必要な場合は、使い捨て環境でのみ NODE_TLS_REJECT_UNAUTHORIZED=0 を設定してください。

基本認証はどのように処理されますか?

-u user:pass は、認証情報 Base64 でエンコードされた Authorization: Basic ヘッダーになります。これはまさにcurlが送信するものです。 API がサポートしている場合は、基本認証よりもトークンを優先します。

--compressed とリダイレクトを処理できますか?

圧縮はフェッチ時に透過的に行われるため、 --compressed にはコードが必要ありません。フェッチではデフォルトでリダイレクトが続き、curl と -L が一致します。手動のリダイレクト処理が必要な場合は、redirect: "manual" を設定します。

なぜcurlコマンドが解析に失敗するのでしょうか?

ほとんどの失敗は、パーサーが認識できない複雑なシェル文字列またはフラグ内のエスケープされていない引用符に起因します。エラーでは、エラーが発生したトークンに名前が付けられます。通常は、推測するよりもコマンドを修正する方が早いです。

“カールからフェッチへのコンバーター”, “軸にカールする”, “JavaScript にカールする” をお探しですか?あなたは正しい場所にいます — すべての 19 ツールを参照する.

より深い読書

ブログ記事 · 5 分で読まれました 取得する cURL: リクエストを端末からブラウザに移動する JavaScript の変換を取得するための cURL: 正しくマップされたヘッダー、本文、認証およびメソッド、さらにリクエストが機能するかどうかを決定する CORS 現実。 ガイドを読む→