无法在 WPF 窗体上显示 Web API 响应

Question

我一直在使用 RiotGames API 进行一个项目，由于某种原因，我无法让 API 响应显示在我的 WPF 表单上，我向 2 个不同的 API 发出了两个请求，只有一个请求显示在表单上。我不确定到底发生了什么，但任何反馈都会很好，不需要是一个完整的解决方案。

这是我的MainWindow.xaml.cs文件：

private void Window_Loaded(object sender, RoutedEventArgs e)
{
initalProfileLoad();
initalRankedLoad();
}
private async Task initalProfileLoad()
{
await APIConnect.getSummonerByName(Regions.NA, summoner, "Fusion Icee");
this.tbSummonerName.Text = summoner.name;
this.tbSummonerLevel.Text = summoner.summonerLevel.ToString();
}
private async Task initalRankedLoad()
{
var rHandler = new RankHandler();
var rankedSummoner = new LSummonerRanked();
await APIConnect.getSummonerRankBySummonerID(Regions.NA, rankedSummoner, summoner.id);
this.tbRankDivision.Text = rankedSummoner.tier + "" + rankedSummoner.rank;
this.imgRankedIcon.Source = new BitmapImage(new Uri(rHandler.getRankedIcon(rankedSummoner.tier).ToString()));
}

我将两个连接放入单独的方法中以进行加载，以防我最大化请求。.

这是我的APIConnect.cs文件：

public static async Task getSummonerByName(Regions _rg, LSummoner summoner, string summonerName)
{
var summ = new LSummoner();
using (HttpClient client = new HttpClient())
{
Region region = new Region();
client.BaseAddress = new Uri("https://" + region.getRegionConnectionString(_rg));
client.DefaultRequestHeaders.Accept.Clear();
client.DefaultRequestHeaders.Accept.Add(new System.Net.Http.Headers.MediaTypeWithQualityHeaderValue("application/json"));
HttpResponseMessage response = await client.GetAsync($"{SUMMONER_API}{summonerName}?api_key={API_KEY}");
if (response.IsSuccessStatusCode)
{
LSummoner lSummoner = await response.Content.ReadAsAsync<LSummoner>();
summoner.name = lSummoner.name; summoner.profileIconId = lSummoner.profileIconId;
summoner.puuid = lSummoner.puuid; summoner.summonerLevel = lSummoner.summonerLevel;
summoner.revisionDate = lSummoner.revisionDate; summoner.id = lSummoner.id;
summoner.accountId = lSummoner.accountId;
}
else
{
response.EnsureSuccessStatusCode();
}
}
}
/// <summary>
/// Gets the summoner by an Encrypted Summoner ID from the RiotGames API
/// </summary>
/// <param name="_rg"></param>
/// <param name="summoner"></param>
/// <param name="encryptedSummonerID"></param>
/// <returns></returns>
static async Task getSummonerByid(Regions _rg, string encryptedSummonerID)
{
var summ = new LSummoner();
using (HttpClient client = new HttpClient())
{
Region region = new Region();
client.BaseAddress = new Uri("https://" + region.getRegionConnectionString(_rg));
client.DefaultRequestHeaders.Accept.Clear();
client.DefaultRequestHeaders.Accept.Add(new System.Net.Http.Headers.MediaTypeWithQualityHeaderValue("application/json"));
HttpResponseMessage response = await client.GetAsync($"/lol/summoner/v4/summoners/by-account/{encryptedSummonerID}?api_key={API_KEY}");
if (response.IsSuccessStatusCode)
{
LSummoner lSummoner = await response.Content.ReadAsAsync<LSummoner>();
summ.summoners.Add(new LSummoner(lSummoner.profileIconId, lSummoner.name, lSummoner.puuid, lSummoner.summonerLevel, lSummoner.revisionDate,
lSummoner.id, lSummoner.accountId));
}
else
{
response.EnsureSuccessStatusCode();
}
}
}
/// <summary>
/// Get the ranked data of a summoner by the Encrypted SummonerID from the RiotGames API
/// </summary>
/// <param name="_rg"></param>
/// <param name="summoner"></param>
/// <param name="encryptedSummonerID"></param>
/// <returns></returns>
public static async Task getSummonerRankBySummonerID(Regions _rg, LSummonerRanked summonerRanked, string encryptedSummonerID)
{
using (HttpClient client = new HttpClient())
{
Region region = new Region();
client.BaseAddress = new Uri("https://" + region.getRegionConnectionString(_rg));
client.DefaultRequestHeaders.Accept.Clear();
client.DefaultRequestHeaders.Accept.Add(new System.Net.Http.Headers.MediaTypeWithQualityHeaderValue("application/json"));
HttpResponseMessage response = await client.GetAsync($"{RANKED_API}{encryptedSummonerID}?api_key={API_KEY}");
if (response.IsSuccessStatusCode)
{
LSummonerRanked lSummonerRanked = await response.Content.ReadAsAsync<LSummonerRanked>();
summonerRanked.summonerName = lSummonerRanked.summonerName; summonerRanked.tier = lSummonerRanked.tier;
summonerRanked.rank = lSummonerRanked.rank;
}
else
{
response.EnsureSuccessStatusCode();
}
}
}

LSummoner 和 LSummonerRank 对象都有用于公共数据类型的 {get; set;} 访问器。 任何帮助都会很好，不期待解决方案，只是朝着正确方向前进的一点。我想尝试从这些错误中吸取教训。谢谢！

Answer 1

鉴于混合 UI 和工作线程的调用的性质，最好使用异步事件处理程序

private async void Window_Loaded(object sender, RoutedEventArgs e) {
//On UI thread here...
//On worker thread here (non-blocking)
await APIConnect.getSummonerByName(Regions.NA, summoner, "Fusion Icee");
//Back on UI Thread
this.tbSummonerName.Text = summoner.name;
this.tbSummonerLevel.Text = summoner.summonerLevel.ToString();
var rHandler = new RankHandler();
var rankedSummoner = new LSummonerRanked();
//On worker thread (non-blocking)
await APIConnect.getSummonerRankBySummonerID(Regions.NA, rankedSummoner, summoner.id);
//Back on UI thread
this.tbRankDivision.Text = rankedSummoner.tier + "" + rankedSummoner.rank;
this.imgRankedIcon.Source = new BitmapImage(new Uri(rHandler.getRankedIcon(rankedSummoner.tier).ToString()));
}

查看注释以了解流

参考异步/等待 - 异步编程的最佳实践