C#理论-使用 WPF 实现与网站的交互：API 接口调用详解引言

引言

在现代应用程序开发中，WPF（Windows Presentation Foundation）不仅可以用于构建桌面应用程序，还可以与网站进行交互，通过 API 接口实现数据的获取和传输。本文将介绍如何在 WPF 中实现与网站的交互，包括调用 RESTful API 接口，并处理 JSON 数据。

准备工作

确保你已经安装了以下工具和库：

• Visual Studio 2019 或更高版本
• .NET Framework 或 .NET Core（根据项目需求选择）
• Newtonsoft.Json 库（用于处理 JSON 数据）

第一步：创建 WPF 项目

1. 打开 Visual Studio，创建一个新的 WPF 应用程序项目。
2. 在解决方案资源管理器中，右键点击项目名称，选择“管理 NuGet 程序包”。
3. 在“浏览”选项卡中，搜索“Newtonsoft.Json”，并点击“安装”以添加该库到项目中。

第二步：设计用户界面

我们将创建一个简单的用户界面，包括输入 URL 的文本框、发送请求的按钮和显示响应的文本框。

1. 打开 MainWindow.xaml 文件，并添加以下 XAML 代码来设计用户界面：

<Window x:Class="ApiInteractionApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="API Interaction" Height="350" Width="525">
    <Grid>
        <TextBox Name="txtUrl" Width="400" Height="30" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Text="https://api.example.com/data"/>
        <Button Name="btnSendRequest" Content="Send Request" Width="100" Height="30" HorizontalAlignment="Left" Margin="420,10,0,0" VerticalAlignment="Top" Click="btnSendRequest_Click"/>
        <TextBox Name="txtResponse" Margin="10,50,10,10" TextWrapping="Wrap" VerticalScrollBarVisibility="Auto" AcceptsReturn="True"/>
    </Grid>
</Window>

第三步：实现 API 调用逻辑

1. 打开 MainWindow.xaml.cs 文件，并添加以下代码：

using Newtonsoft.Json;
using System;
using System.Net.Http;
using System.Text;
using System.Threading.Tasks;
using System.Windows;

namespace ApiInteractionApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private async void btnSendRequest_Click(object sender, RoutedEventArgs e)
        {
            string url = txtUrl.Text;

            try
            {
                string response = await SendRequestAsync(url);
                txtResponse.Text = FormatJson(response);
            }
            catch (Exception ex)
            {
                txtResponse.Text = "Error: " + ex.Message;
            }
        }

        private async Task<string> SendRequestAsync(string url)
        {
            using (HttpClient client = new HttpClient())
            {
                HttpResponseMessage response = await client.GetAsync(url);
                response.EnsureSuccessStatusCode();
                return await response.Content.ReadAsStringAsync();
            }
        }

        private string FormatJson(string json)
        {
            dynamic parsedJson = JsonConvert.DeserializeObject(json);
            return JsonConvert.SerializeObject(parsedJson, Formatting.Indented);
        }
    }
}

第四步：测试应用程序

1. 运行你的 WPF 应用程序。
2. 在文本框中输入一个有效的 API URL（例如 https://jsonplaceholder.typicode.com/todos/1）。
3. 点击“Send Request”按钮，响应数据将显示在下方的文本框中。

处理 POST 请求

除了 GET 请求外，你可能还需要发送 POST 请求以提交数据。以下是如何在 WPF 中实现 POST 请求的示例：

1. 修改 MainWindow.xaml 文件，添加一个按钮和一个文本框用于输入数据：

<Window x:Class="ApiInteractionApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="API Interaction" Height="450" Width="525">
    <Grid>
        <TextBox Name="txtUrl" Width="400" Height="30" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Text="https://api.example.com/data"/>
        <Button Name="btnSendRequest" Content="Send Request" Width="100" Height="30" HorizontalAlignment="Left" Margin="420,10,0,0" VerticalAlignment="Top" Click="btnSendRequest_Click"/>
        <TextBox Name="txtResponse" Margin="10,90,10,10" TextWrapping="Wrap" VerticalScrollBarVisibility="Auto" AcceptsReturn="True"/>
        <TextBox Name="txtPostData" Width="400" Height="30" HorizontalAlignment="Left" Margin="10,50,0,0" VerticalAlignment="Top" Text="{\"name\":\"value\"}"/>
        <Button Name="btnSendPostRequest" Content="Send POST Request" Width="120" Height="30" HorizontalAlignment="Left" Margin="420,50,0,0" VerticalAlignment="Top" Click="btnSendPostRequest_Click"/>
    </Grid>
</Window>

2. 添加 POST 请求的处理逻辑到 MainWindow.xaml.cs 文件：

private async void btnSendPostRequest_Click(object sender, RoutedEventArgs e)
{
    string url = txtUrl.Text;
    string postData = txtPostData.Text;

    try
    {
        string response = await SendPostRequestAsync(url, postData);
        txtResponse.Text = FormatJson(response);
    }
    catch (Exception ex)
    {
        txtResponse.Text = "Error: " + ex.Message;
    }
}

private async Task<string> SendPostRequestAsync(string url, string postData)
{
    using (HttpClient client = new HttpClient())
    {
        var content = new StringContent(postData, Encoding.UTF8, "application/json");
        HttpResponseMessage response = await client.PostAsync(url, content);
        response.EnsureSuccessStatusCode();
        return await response.Content.ReadAsStringAsync();
    }
}

结论

通过本文，你已经学会了如何在 WPF 中实现与网站的交互，包括发送 GET 和 POST 请求，并处理 JSON 数据。利用这些技术，你可以轻松地构建与各种 Web API 交互的桌面应用程序。根据实际需求，你可以进一步扩展和优化代码，添加更多功能和错误处理机制，以提升应用程序的稳定性和用户体验。希望这篇文章能为你的开发工作提供帮助。