Xamarin 将 ios webview customRenderer 形成为基本身份验证

Question

我正在尝试使用 Xamarin Forms 的基本身份验证，专门用于 iOS。

我有一个自定义的 WebView 渲染器来实现这一点。

我在 Xamarin.ios 中看到了这个示例；我怎样才能让它在我的自定义渲染器中工作？

public class WebViewDelegate : WKNavigationDelegate, INSUrlConnectionDataDelegate
{

    public override void DidReceiveAuthenticationChallenge(WKWebView webView, NSUrlAuthenticationChallenge challenge, Action<NSUrlSessionAuthChallengeDisposition, NSUrlCredential> completionHandler)
    {
        //base.DidReceiveAuthenticationChallenge(webView, challenge, completionHandler);
        completionHandler(NSUrlSessionAuthChallengeDisposition.UseCredential, new NSUrlCredential("username", "password", NSUrlCredentialPersistence.ForSession));
        Console.WriteLine("We are authenticated");
        return;
    }
}

谢谢

Answer 1

您似乎想在 Xamarin.Forms 中使用 WKWebView 和 WKNavigationDelegate。

首先，在表单中创建一个具有可绑定属性的自定义 WebView：

public class CustomWebView : WebView
{
    public static readonly BindableProperty UriProperty = BindableProperty.Create(
        propertyName: "Uri",
        returnType: typeof(string),
        declaringType: typeof(CustomWebView),
        defaultValue: default(string));

    public string Uri
    {
        get { return (string)GetValue(UriProperty); }
        set { SetValue(UriProperty, value); }
    }
}

然后在自定义渲染器中，我们可以获取这个uri，并将其设置为新的WKWebView来展示网页：

public class MyCustomWebViewRenderer : ViewRenderer<CustomWebView, WKWebView>
{
    protected override void OnElementChanged(ElementChangedEventArgs<CustomWebView> e)
    {
        base.OnElementChanged(e);

        if (Control == null)
        {
            var webView = new WKWebView(Frame, new WKWebViewConfiguration());
            webView.NavigationDelegate = new WebViewDelegate();
            SetNativeControl(webView);
        }
        if (e.NewElement != null)
        {
            Control.LoadRequest(new NSUrlRequest(new NSUrl(Element.Uri)));
        }
    }
}
public class WebViewDelegate : WKNavigationDelegate, INSUrlConnectionDataDelegate
{
    public override void DidReceiveAuthenticationChallenge(WKWebView webView, NSUrlAuthenticationChallenge challenge, Action<NSUrlSessionAuthChallengeDisposition, NSUrlCredential> completionHandler)
    {
        //base.DidReceiveAuthenticationChallenge(webView, challenge, completionHandler);
        completionHandler(NSUrlSessionAuthChallengeDisposition.UseCredential, new NSUrlCredential("username", "password", NSUrlCredentialPersistence.ForSession));
        Console.WriteLine("We are authenticated");
        return;
    }
}

最后你可以在 XAML 中使用这个 webView：

<local:CustomWebView Uri="https://www.microsoft.com" HeightRequest="300"/>

Answer 2

您可以在 Xamarin.Forms 中使用自定义渲染器来实现

对于 iOS

    public class CustomWebViewRenderer : ViewRenderer<CustomWebView,WKWebView>
{
    WKWebView webView;
    public CustomWebViewRenderer()
    {
    }

    protected override void OnElementChanged(ElementChangedEventArgs<CustomWebView> e)
    {
        base.OnElementChanged(e);
        webView = new WKWebView(Frame, new WKWebViewConfiguration());
        webView.NavigationDelegate = new MyWeakNavigationDelegate(this);
        SetNativeControl(webView);
    }

}

internal class MyWeakNavigationDelegate : WKNavigationDelegate, INSUrlConnectionDataDelegate
{
    private CustomWebViewRenderer customWebViewRenderer;

    public MyWeakNavigationDelegate(CustomWebViewRenderer customWebViewRenderer)
    {
        this.customWebViewRenderer = customWebViewRenderer;
    }

    public override void DidReceiveAuthenticationChallenge(WKWebView webView, NSUrlAuthenticationChallenge challenge, Action<NSUrlSessionAuthChallengeDisposition, NSUrlCredential> completionHandler)
    {
        completionHandler(NSUrlSessionAuthChallengeDisposition.UseCredential, new NSUrlCredential("username", "password", NSUrlCredentialPersistence.ForSession));
        Console.WriteLine("We are authenticated");
        return;
    }
}