API クライアント
HTTPリクエストを送信し、ヘッダーやパラメータを作成して応答を確認。直近25件を保存します。
リクエストはブラウザから入力したURLへ直接送られます。ArrayKitがプロキシしたり、内容を見たり、保存したりすることはありません。リクエスト履歴はこのブラウザのローカルストレージにとどまります。
curlコマンドをお持ちですか? cURL to Fetchで変換しましょう。
API クライアント について
このAPIクライアントは、軽量なPostmanのように、ブラウザから直接HTTPリクエストを組み立てて送信できます。メソッドを選び、URLを入力し、シンプルなキー/値の行でクエリパラメータやヘッダーを追加し、POST・PUT・PATCH・DELETEにJSONまたは生のボディを添付します。リクエストを送信して、ステータスコード、時間、サイズ、ヘッダー、整形されたボディといった完全なレスポンスを検査できます。送信したリクエストはこのブラウザに保存される直近25件に記録され、ワンクリックで再度開いて再送できます。リクエストはブラウザから入力したURLへ直接送られ、ArrayKitを経由することはありません。そのため、通常のブラウザfetchと同様に、対象APIのCORSポリシーに従います。
機能
- 一般的なメソッドをすべてサポート: GET、POST、PUT、PATCH、DELETE、HEAD、OPTIONS
- 切り替え可能なキー/値の行でクエリパラメータとヘッダーを構築
- JSONまたは生のリクエストボディを送信。Content-Typeは自動設定
- レスポンスのステータス・時間・サイズを一目で確認
- 整形されたJSONレスポンスと完全なレスポンスヘッダー表示
- 直近25件のリクエストをこのブラウザに保存し、再読み込み可能
- レスポンスボディやヘッダーをワンクリックでコピー
- ブラウザ内で動作し、エンドポイントと直接通信
API クライアント の使い方
- HTTPメソッドを選択し、リクエストURLを入力します。
- 下のタブでクエリパラメータ、ヘッダー、ボディを追加します。
- 送信をクリックして、ブラウザからリクエストを発行します。
- レスポンスのステータス、タイミング、ヘッダー、ボディを検査します。
例
入力
GET https://jsonplaceholder.typicode.com/todos/1
出力
200 OK · 142 ms · 83 B
{
"userId": 1,
"id": 1,
"completed": false
}
GETリクエストと整形されたJSONレスポンス。
よくあるエラーとトラブルシューティング
- リクエストが "Failed to fetch" で失敗し、レスポンスがない。 — ブラウザはクロスオリジンリクエストを許可するAPIしか呼び出せません。対象APIがCORSヘッダーを送らない場合、ブラウザはレスポンスをブロックします。CORSが有効なAPIを使うか、自分のバックエンドから呼び出してください。
- http:// のURLへのリクエストがブロックされる。 — https経由で配信されるページは、安全でないhttpエンドポイントを呼び出せません(混在コンテンツ)。APIのhttps版を使ってください。
よくある質問
- API クライアントとは何ですか?
- APIクライアントは、HTTPリクエストを組み立てて送信し、レスポンスを検査できるツールで、コードを書かずにREST APIをテスト・デバッグできます。これはブラウザ内で動作します。
- 私のリクエストはArrayKitのサーバーを経由しますか?
- いいえ。各リクエストはブラウザから入力したURLへ直接送られます。ArrayKitがプロキシしたり、内容を見たり、保存したりすることはありません。リクエスト履歴はこのブラウザ内にのみ保持されます。
- なぜCORSエラーが出るのですか?
- ブラウザは、対象APIが適切なCORSヘッダーを返さない限りクロスオリジンのレスポンスをブロックします。これはブラウザのセキュリティルールです。デスクトップツールはブラウザではないためこれを回避できます。CORSが有効なAPIか自分のサーバーを使ってください。
- 私のリクエストは保存されますか?
- 直近25件のリクエストは再送できるようにこのブラウザのローカルストレージに保存されます。履歴やブラウザのストレージをクリアすると削除されます。
- どのHTTPメソッドがサポートされていますか?
- GET、POST、PUT、PATCH、DELETE、HEAD、OPTIONSです。POST、PUT、PATCH、DELETEはリクエストボディを持てます。
関連ツール
すべての ArrayKit ツール