C# WPFで作成したプログラムが、POST送信、GET送信した内容を確認する方法が知りたい

Question

C# WPF(.NET Framework 4.7.2)を使って、HttpClientクラスの学習のために、HTTPリクエストし、テキストを取得するプログラムを作成したいと考えています。

作成したプログラムが、POST送信、GET送信した内容を確認する方法が知りたいです。
合わせて、プログラムの修正方法も教えていただけたらと思います。

現時点では、以下のようなプログラムです。実行して得られたテキストの内容から考えて、うまく、送信されていないように思えます。どんな内容が送信されているかわからないので、どこを直したら良いのかも判断できません。

「https://www.bing.com/search?q=C%23+HttpClient+post」を送信し、送り返されたテキストをテキストボックスに表示するプログラムを意図しています。

アプリケーションは、新しいプロジェクトの作成から、WPFアプリ(.NET Framework)・テンプレートを使って作成しています。
実行後、右上「Browse」ボタンを押すと、送り返されたテキストがテキストボックスに格納されます。

クッキーを有効にする、ユーザーエージェントを送信する、ロケールを送信する操作を加える操作では、結果は変化しませんでした。

<Window x:Class="PostRequest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="GetHtmlDocument" Height="250" Width="350">
    <DockPanel>
        <DockPanel DockPanel.Dock="Top">
            <Button DockPanel.Dock="Right" Click="Button_Click">Browse</Button>
            <TextBox Name="queryBox">httpclient c# post</TextBox>
        </DockPanel>
        <TextBox Name="htmlDocument">TextBox</TextBox>

    </DockPanel>
</Window>

using System.Collections.Generic;
using System.Net.Http;
using System.Windows;

namespace PostRequest
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private static HttpClient client = new HttpClient();

        private async void Button_Click(object sender, RoutedEventArgs e)
        {
            // クッキーを有効にする
            var handler = new HttpClientHandler()
            {
                UseCookies = true,
            };
            // 送信するクエリを作成する
            var parameters = new Dictionary<string, string>()
            {
                { "p", queryBox.Text },
            };
            // ユーザーエージェントを設定する
            client.DefaultRequestHeaders.Add("User-Agent",
                "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:89.0) like Gecko");
            //　ロケールを設定する
            client.DefaultRequestHeaders.Add("Accept-Language", "ja-JP");
            // クエリをpostして、結果をテキストボックスに格納する
            var response = await client.GetAsync($"https://www.bing.com/search?{await new FormUrlEncodedContent(parameters).ReadAsStringAsync()}");

            htmlDocument.Text = response.ToString();
        }
    }
}

StatusCode: 200, ReasonPhrase: 'OK', Version: 1.1, Content: System.Net.Http.StreamContent, Headers:
{
  Transfer-Encoding: chunked
  Cache-Control: private
  P3P: CP="NON UNI COM NAV STA LOC CURa DEVa PSAa PSDa OUR IND"
  Set-Cookie: _EDGE_S=F=1&SID=22E72F78109065D20A053F5F1162646E&mkt=ja-jp; domain=.bing.com; path=/; HttpOnly
  Set-Cookie: ULC=; domain=.bing.com; expires=Tue, 27-Apr-2021 07:02:49 GMT; path=/
  Set-Cookie: _HPVN=CS=eyJQbiI6eyJDbiI6MSwiU3QiOjAsIlFzIjowLCJQcm9kIjoiUCJ9LCJTYyI6eyJDbiI6MSwiU3QiOjAsIlFzIjowLCJQcm9kIjoiSCJ9LCJReiI6eyJDbiI6MSwiU3QiOjAsIlFzIjowLCJQcm9kIjoiVCJ9LCJBcCI6dHJ1ZSwiTXV0ZSI6dHJ1ZSwiTGFkIjoiMjAyMS0wNC0yOFQwMDowMDowMFoiLCJJb3RkIjowLCJEZnQiOm51bGwsIk12cyI6MCwiRmx0IjowLCJJbXAiOjF9; domain=.bing.com; expires=Fri, 28-Apr-2023 07:02:49 GMT; path=/
  X-SNR-Routing: 1
  Strict-Transport-Security: max-age=31536000; includeSubDomains; preload
  X-MSEdge-Ref: Ref A: 456BEE6A10964225A98D76972007BF85 Ref B: TYBEDGE0616 Ref C: 2021-04-28T07:02:48Z
  Date: Wed, 28 Apr 2021 07:02:48 GMT
  Content-Type: text/html; charset=utf-8
}

Comments

[退会済みユーザー]

> 「https://www.bing.com/search?q=C%23+HttpClient+post」を送信し、送り返されたテキストをテキストボックスに表示するプログラムを意図しています。

相手を考え直した方が良いと思います。今の相手では、WPF + HttpClient アプリからの要求に応じて期待通り応答が返ってきているか分からないのでは？

自分で ASP.NET Web API アプリを作って Visual Studio で起動して IIS Express 上で動かして、それに WPF + HttpClient アプリでアクセスすることを考えてみてください。

[退会済みユーザー]

例えば、自分で以下のような ASP.NET Web API を作り、

ASP.NET MVC に Web API 追加
http://surferonwww.info/BlogEngine/post/2018/12/22/adding-webapi-to-existing-mvc-application.aspx

それに以下のような HttpClient を使ってアプリでアクセスするということです。

HttpClient で ASP.NET Web API にアクセス
http://surferonwww.info/BlogEngine/post/2019/09/29/call-aspnet-web-api-from-httpclien.aspx

両方とも 100% アンダーコントロールなので、サーバーから帰ってくるものが何だか不明というような状況での暗中模索に費やす時間が大幅に減るはずです。

[kkokuke]

ブラウザでアクセスしたときのソース表示と比較して、その違いを確認しています。

何らかのサーバーアプリケーションを作成するスキルがあれば、動作確認用のサーバアプリケーションを作成して、確認するほうが良いのは理解できるのですが、なにも使えないのです。現状、ASP.NETも使えません。
何か、良い方法があると良いのですが...。

[退会済みユーザー]

> ブラウザでアクセスしたときのソース表示と比較して、その違いを確認しています。

radian さんが回答しているように Fiddler で見ればいいです。

[退会済みユーザー]

> 動作確認用のサーバアプリケーションを作成して、確認するほうが良いのは理解できるのですが、なにも使えないのです。

自分で作れないなら、API 仕様が明確に決まっている Web API サイトを探しましょう。とにかく、今の相手でブラウザとあなたのアプリの要求・応答の違いを見ても何にも役に立つものは無いと思いますよ。

[kkokuke]

ありがとうございます。Web API サイト探してみます。

Answer 1

送信内容を確認したいだけなら、Fiddler でも使ったほうがいいと思いますが。

Comments

[kkokuke]

Fiddlerインストーして、チャプター状態でアプリケーションを実行して見たのですが、「Inspectors」の「Raw」や「TextView」の中に、「q=C%23+HttpClient+post」に相当する部分が見つけられないのです。
どこを確認したら良いのでしょうか。

[退会済みユーザー]

多機能なソフトなんで、ソフトの使い方はググって調べてみた方がいいと思います。

[kkokuke]

ありがとうございます。ググってみます。

Answer 2

汎用的な、POST送信、GET送信した内容を確認する方法は、わかりませんでしたが、リクエストした文字列は、確認することができました。

Webサイト「C# 今更ですが、HttpClientを使う」のコードを参考にしたのですが、

恥ずかしながら、C#6.0から登場した文字列補間構文 $”{}” を知りませんでした。
それに気がついて、簡単な文字列の結合であることを理解しました。

新たに、テキストボックスをUIに追加し、コードを追加し、リクエスト文字を付加したURLを確認できました。

// リクエスト文字列を確認する
sendUrl.Text = $"https://www.bing.com/search?{await new FormUrlEncodedContent(parameters).ReadAsStringAsync()}";

その結果、意図した文字列が得られていることが確認できました。

https://www.bing.com/search?p=httpclient+c%23+post

SurferOnWwwさんのご指摘のとおり、動作確認に使用したサイトの選択が悪かったようです。
radianさんもFiddlerを教えてくれてありがとうございます。

他のWeb API サイトを探して、動作を確認してみようと思います。

修正したコードを添付します。

<Window x:Class="PostRequest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="GetHtmlDocument" Height="250" Width="350">
    <DockPanel>
        <DockPanel DockPanel.Dock="Top">
            <Button DockPanel.Dock="Right" Click="Button_Click">Browse</Button>
            <TextBox Name="queryBox">httpclient c# post</TextBox>
        </DockPanel>
        <TextBox Name="sendUrl" DockPanel.Dock="Top">sendUrl</TextBox>
        <TextBox Name="htmlDocument">TextBox</TextBox>

    </DockPanel>
</Window>

using System;
using System.Collections.Generic;
using System.Net.Http;
using System.Windows;

namespace PostRequest
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private static HttpClient client = new HttpClient();

        private async void Button_Click(object sender, RoutedEventArgs e)
        {
            // クッキーを有効にする
            var handler = new HttpClientHandler()
            {
                UseCookies = true,
            };
            // 送信するクエリを作成する
            var parameters = new Dictionary<string, string>()
            {
                { "p", queryBox.Text },
            };
            // ユーザーエージェントを設定する
            client.DefaultRequestHeaders.Add("User-Agent",
                "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:89.0) like Gecko");
            //　ロケールを設定する
            client.DefaultRequestHeaders.Add("Accept-Language", "ja-JP");
            // タイムアウトを設定する
            client.Timeout = TimeSpan.FromSeconds(10.0);
            // リクエスト文字列を確認する
            sendUrl.Text = $"https://www.bing.com/search?{await new FormUrlEncodedContent(parameters).ReadAsStringAsync()}";
            // クエリをpostして、結果をテキストボックスに格納する
            var response = await client.GetAsync($"https://www.bing.com/search?{await new FormUrlEncodedContent(parameters).ReadAsStringAsync()}");

            htmlDocument.Text = response.ToString();
        }
    }
}

Comments

[退会済みユーザー]

結局は GET 要求で、どういう要求が出て行っているか（クエリ文字列を含めてどういう URL を要求しているか）が分かればいいという話だったようですね。最初からそのように質問を書いてもらえていたらと思います。

それなら radian さんが回答された Fildder を使えばよかったはず。使い方が分からなくて諦めたようですが、例えば要求を Raw で見たら以下のようになっているはずです。

GET https://www.bing.com/search?q=C%23+HttpClient+post HTTP/1.1