在 WebView 中显示仅接受 POST 方法的网站答案

【问题标题】：Show website that only accepts POST method in a WebView在 WebView 中显示仅接受 POST 方法的网站
【发布时间】：2026-02-03 02:30:01
【问题描述】：

我正在开发使用 Xamarin 开发的移动应用程序，但在尝试在 WebView 中显示网站时遇到了问题。

  <WebView Grid.Column="0" Grid.Row="1" x:Name="webView" source="https://ecommerce.netpay.com.mx/a-webapp3/e-commerce/web-authorizer?checkoutTokenId=fc912ec2-5f20-4533-91cf-95db61d26822" WidthRequest="700" HeightRequest="700" />

运行应用程序时，它显示以下错误。我了解当我使用的方法不正确时会发生这种情况。

然后我在后面的代码中尝试了以下：

 private async Task urlAsync()
        {
            var client = new HttpClient();
            var url = "https://ecommerce.netpay.com.mx/a-webapp3/e-commerce/web-authorizer?checkoutTokenId=fc912ec2-5f20-4533-91cf-95db61d26822";
            var req = new HttpRequestMessage(HttpMethod.Post, url);
            var response = await client.SendAsync(req);
            var readAsStringAsync = response.Content.ReadAsStringAsync();
            var stringHtml = readAsStringAsync.Result;
            var html = new HtmlWebViewSource
            {
                Html = stringHtml
            };
            webView.Source = html;

        }

我从 WebView 标记中删除了“源”属性。但这不能正常工作，因为该站点没有完全加载。

最后我创建了一个 Web 项目，这很有效：

<html>
<body>

<form action="https://ecommerce.netpay.com.mx/a-webapp3/e-commerce/web-authorizer?checkoutTokenId=0a377ca8-e26c-4f22-a751-52719acf9019&checkoutDetail=true&MerchantResponseURL=aHR0cHM6Ly9nb29nbGUuY29t" method="POST" target="_blank">
  JWT: <input type="text" name="jwt"><br>
  <input type="submit" value="Submit">
</form>

<p>Haga clic en el botón Enviar y la entrada se enviará a una página del servidor llamada "/action_page.php".</p>

</body>
</html>

任何想法如何在 Xamarin 中实现它？谢谢。

【问题讨论】：

您正在发出一个有帖子的获取请求。

标签： c# xamarin webview

【解决方案1】：

您需要访问底层 Android WebView 的 PostUrl 方法。由于默认 WebView 没有公开它，因此您需要创建派生的 webview 和自定义渲染器：

//Derived class in your forms project
public class PostWebView : WebView
{
    public static readonly BindableProperty PostUrlProperty =
    BindableProperty.Create(nameof(PostUrl), typeof(string), typeof(PostWebView), string.Empty, BindingMode.OneWay);

    public string PostUrl
    {
        get { return (string)GetValue(PostUrlProperty); }
        set { SetValue(PostUrlProperty, value); }
    }

    public byte[] PostData { get; set; } = new byte[0];
}

//Custom renderer on the native project
[assembly: ExportRenderer(typeof(PostWebView), typeof(PostWebViewRenderer))]
namespace (your project namespace).Droid
{
    public class PostWebViewRenderer : WebViewRenderer
    {
        public PostWebViewRenderer(Context ctx) : base(ctx) {  }

        protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
        {
            if (e.PropertyName == "PostUrl")
            {
                if (Control == null)
                    return;

                var web = (Android.Webkit.WebView)Control;
                var view = Element as PostWebView;
                web.PostUrl(view.PostUrl, view.PostData);
            }
        }
    }
}

现在您可以使用新属性 PostUrl 进行 POST 导航，此外，您可以使用 PostData 添加任何需要 POST 到服务器的数据。

//You can set it to new byte[0] if you don't need to send any data.
postView.PostData = Encoding.ASCII.GetBytes("param1=1&param2=2");
//Now set tyhe URL to navigate
postView.PostUrl = "http://myserver.com/my/post/url";

如果您需要在创建控件之前将其与 XAML 绑定或设置PostUrl，则需要挂钩ElementChanged 事件，检查PostUrl 属性是否已设置，如果已设置，请调用@987654329 Android WebView 的@方法。

【讨论】：