C#のBlazorを使って、指定したURLからHTMLのソースコードを取得しようとするとエラーが発生する

実現したいこと

C#のBlazorを使用して、URLからそのページのソースコードを取得出来るようにする。

前提

ここに質問の内容を詳しく書いてください。
Blazorを使って、URLからソースコードを取得するプログラムを作成していますが、
ソースコードを取得するボタンをクリックするとエラーメッセージがブラウザ上に表示されます。
解決方法が分かる方はご教示お願いします。

発生している問題・エラーメッセージ

「An unhandled error has occurred.」

該当のソースコード

@page "/"
@using System.Runtime.InteropServices;

<h3>Fetch Source Code</h3>

<p>
    <label for="urlInput">URL:</label>
    <input type="text" id="urlInput" @bind="@url" />
</p>

<button @onclick="FetchSourceCode">Fetch</button>

@if (!string.IsNullOrEmpty(sourceCode))
{
    <pre>@sourceCode</pre>
}

@code {
    private string url;
    private string sourceCode;

    private async Task FetchSourceCode()
    {
        if (!string.IsNullOrEmpty(url))
        {
            using (HttpClient client = new HttpClient())
            {
                sourceCode = await client.GetStringAsync(url);
            }
        }
    }
}

ボールドテキスト

行動規範の内容に同意します

回答1件

まずは例外キャッチして何が起きているか確認しましょう。

csharp
1@code {
2    private string url = string.Empty;
3    private string sourceCode = string.Empty;
4    private HttpClient _http = new HttpClient();
5
6    private async Task FetchSourceCode()
7    {
8        if (!string.IsNullOrEmpty(url))
9        {
10            try
11            {
12                sourceCode = await _http.GetStringAsync(url);
13            }
14            catch(Exception e)
15            {
16                sourceCode = $"{e.GetType().Name} {e.Message}";
17            }
18        }
19    }
20}

HttpClient.GetStringAsync()は失敗時に例外を投げるので以下のようにするのも1つの手です。

csharp
1    private async Task FetchSourceCode()
2    {
3        if (!string.IsNullOrEmpty(url))
4        {
5            var ret = await _http.GetAsync(url);
6            sourceCode = await ret.Content.ReadAsStringAsync();
7        }
8    }