web-dev-qa-db-ja.com

REST APIテスト:Googleを使用して応答を取得する方法Chrome開発者ツール?

私はAPIテストに非常に慣れていません。

私は、Google Chromeの開発者ツールを利用して、この問題を理解し、探求しています。

質問1:
chrome開発者ツールを使用して、単純なGETリクエストの応答(おそらくJSON形式)を取得できますか?

私が現在やっていることは:

  • 開くchrome開発者ツール
    • [ネットワーク]タブに移動します
    • 既存のログをクリア
    • URLをクリックするだけで投稿リクエストを送信できます。例えば https://stackoverflow.com/questions/ask
    • ロードされた対応するドキュメントを確認してください enter image description here

      質問2:
      上の画像に示されている関連性「応答ヘッダー」とは何ですか?つまり、これはGET要求を実行した後に取得する応答であると考えるのは正しいですか?

      あなたが与えることができるどんな助けや参照でも大歓迎です!

  • 5
    iamkenos

    Rest APIをテストしたい場合は、postmanを使用することをお勧めします。

    あなたの質問に行く:

    質問1:chrome開発者ツールを使用して、単純なGETリクエストの応答(おそらくJSON形式)を取得できますか?

    明確にする最初のポイントは、ブラウザーにjson応答を送信する、または送信しないサーバーであることです。 jsonとして応答を表示することを選択できるブラウザーではありません。

    サーバーがjsonオブジェクトまたはjson配列で応答するGETリクエストを送信し、Content-typeヘッダーがapplication/jsonに設定されている場合、その応答はブラウザーのメインウィンドウで既にフォーマットされています。

    たとえば、Content-typetext/htmlに設定されている場合は、メインウィンドウにjsonテキストが応答として表示されますが、適切にフォーマットされません。応答の送信方法によっては、ブラウザーウィンドウを左クリックして[ソースページの表示]を選択すると、うまくフォーマットされていることがわかります。

    このため、応答の受信にかかった時間を確認したり、ヘッダーの特定の値を確認したりする必要がない限り、開発者のツールは必要ありませんが、応答の受信や画面へのレンダリングとは関係ありません。

    Javascript/jqueryを使用している場合や、ajaxリクエスト(GETまたはPOST)を送信している場合は、開発者のツールがより便利です。これらの場合、関数をデバッグし、ajaxリクエストを確認して、ブラウザーから実際に送信されたものと応答として受信したものを確認できます。

    質問2:上の画像に示されている関連性「応答ヘッダー」とは何ですか?つまり、これはGET要求を実行した後に得られる応答であると考えるのは正しいですか?

    応答では、ヘッダーとコンテンツの2つの情報を取得します。表示されるjsonオブジェクトは、ヘッダーではなくコンテンツの一部です。

    ヘッダーは、たとえば、本文がjson(vs. html documenetまたは何か別のもの)であること、およびキャッシュ制御などの他の情報、または本文の長さをブラウザーに通知します。

    標準ヘッダーの詳細については、httpヘッダーを検索してください。

    4
    Juan

    質問に狭く答えるには:

    chrome開発者ツールを使用して、単純なGETリクエストの応答(おそらくJSON形式)を取得できますか?

    はい!スクリーンショットで開いているHeadersタブの右側にあるResponseタブをクリックするだけです。

    上の画像に示されている関連性「応答ヘッダー」とは何ですか?つまり、これはGET要求を実行した後に取得する応答であると考えるのは正しいですか?

    はい、これはリクエストへの応答で送信されたHTTPヘッダーです。

    ここでのより広い質問は、「REST APIをテストするにはどうすればよいですか?」というものです。DevToolsは手動テストに適していますが、より効率的にできる自動化ツールがあります。その幅広いトピックについて詳しく学ぶことができます。

    3
    Kayce Basques